`
zhouyrt
  • 浏览: 1178335 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Firefox/Opera不支持onselectstart事件

 
阅读更多

如下

 

<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8">
	<title>Firefox/Opera不支持onselectstart事件</title>
  </head>  
  <body>
	<div id="d1" style="width:200px;height:200px;background:gold;">Text Text</div>
	<script type="text/javascript">
	
		var div = document.getElementById('d1');
		div.onselectstart = function(){
			console.log(3);
		}
	</script>
  </body>
</html>

 

当用鼠标去选定div内的文本时，IE/Safari/Chrome 的控制台输出了3，Firefox/Opera则没有输出。

 

1 IE可以使用onselectstart事件来阻止用户选定元素内文本，如下

 

<div onselectstart="return false">accc</div>

 

 

2 Firefox中可以使用CSS "-moz-user-select:none"属性来禁止文本选定

3 webkit浏览器可以使用“-khtml-user-select”，当然也可以使用方式1

 

CSS3 定义了“user-select”属性，如下

 

 

可惜所有浏览器都未实现，如FF4/Safar5/Chrome11/Opera10/IE10。

 

相关：

https://developer.mozilla.org/en/CSS/-moz-user-select

http://msdn.microsoft.com/en-us/library/ms536969%28VS.85%29.aspx 

http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-select 

 

  • 大小: 10 KB
0
顶
2
踩
分享到：
| IE6/7/8/9不支持exec的简写方式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    解决Firefox/Opera 不支持onselectstart事件实现不允许用户select

    在开发中，很多区域是不允许用户select的，在IE/Safari/...Firefox/Opera不支持onselectstart事件&lt;/title&gt; &lt;/head&gt; &lt;body&gt; ”noselect”&gt;Text&lt;/div&gt; [removed] var div = document.getElementBy

    Javascript的IE和Firefox(火狐)兼容性

    ### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中，浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异，这导致了同样的代码在不同浏览器中的表现...

    浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)

    Firefox 不支持 innerText 属性，而是支持 textContent 属性来实现 innerText 的功能。开发者可以使用 textContent 属性来代替 innerText 属性。 2. 禁止选取网页内容 在 IE 中，可以使用 js 代码 `obj....

    firefox和IE系列的相关区别整理 以备后用

    - IE使用AlphaImageLoader滤镜来实现PNG透明，如`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`，而Firefox则不支持这种滤镜，而是直接支持PNG8和PNG24格式的透明效果。 2. `innerText`与`...

    js在IE与firefox的差异集锦

    Firefox浏览器不支持innerText属性，而支持textContent属性。在使用innerText时，Firefox会保留字符串中的所有空格，而textContent则不会。如果不需要保留空格，可以通过textContent来实现innerText的功能。如果字符...

    IE火狐不同点集锦

    Firefox则不支持此类滤镜，需要使用CSS3的透明度属性如`opacity`或`rgba`颜色模型来实现类似效果。 #### 2. 内容选择禁用 IE中，可以通过JavaScript阻止用户选择网页内容，代码如下： ```javascript obj....

    IE与FireFox的js和css几处不同点

    - Firefox不支持`innerText`，但提供`textContent`，它会保留所有空白字符。如果不需要处理HTML，可以使用`innerHTML`代替。 2. **禁止选取内容**： - IE使用JavaScript的`onselectstart`事件处理函数，如`obj....

    火狐和ie的区别

    在禁止用户选取网页内容上，IE使用JavaScript的`obj.onselectstart`事件，而Firefox则通过CSS的`-moz-user-select:none`实现。 在事件处理上，IE提供了`setCapture`和`releaseCapture`方法来捕获和释放事件，而Fire...

    火狐与IE浏览器之间的一些差别收集.docx

    - **Firefox**：不支持`AlphaImageLoader`滤镜，但可以通过CSS3中的透明度属性实现类似效果。 - `opacity: 0.5;` 或 `-moz-opacity: 0.5;` ##### 2. 内容选择控制 - **IE**：使用JavaScript的`onselectstart`事件...

    鼠标事件大全 包括不同浏览器是否支持 鼠标事件非常完整

    ### 鼠标事件大全与跨浏览器兼容性详解 在Web开发中，了解并掌握...在实际开发中，应考虑目标用户的浏览器分布，优先使用广泛支持的事件，同时为不支持的浏览器提供降级方案或替代策略，以实现最佳的跨浏览器兼容性。

    js 禁止选择功能实现代码(兼容IE/Firefox)

    然而，Firefox浏览器并不支持`onselectstart`事件，所以我们需要采用不同的方法。Firefox和其他支持CSS3的浏览器可以使用`-moz-user-select`属性来禁用文本选择。`-moz-user-select`属性可以设置为`none`，以阻止...

    JS中包涵的事件分类

    ### JS中的事件分类详解 ...通过上述分类，我们可以看到JS提供了非常丰富的事件支持，覆盖了用户与网页交互的各个方面。理解并熟练掌握这些事件的使用方法，对于提高网页的用户体验和功能完整性具有重要意义。

    Js事件大全

    JavaScript事件大全：深入理解与应用 JavaScript作为网页开发的核心技术之一，其事件处理机制是实现交互功能的关键。本文将从给定的文件信息出发，详细解析JavaScript中的各种事件类型及其应用场景，帮助开发者更好...

    -moz-user-select与onselectstart 禁止选择文字的方法

    然而，Chrome和其他基于WebKit的浏览器并不支持`onselectstart`事件，因此在这种情况下，仅使用CSS的`-webkit-user-select: none;`是必要的： ```css element { -webkit-user-select: none; } ``` 需要注意的是，...

    JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】

    为了进一步防止用户通过选择文本然后复制，可以添加`oncopy`和`onselectstart`事件监听器： ```html document.oncopy = function() { return false; }; // 不建议完全禁止文本选择，这可能会降低用户体验 // ...

    非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]

    - **Firefox**: 不支持`innerText`，而是使用`textContent`。需要注意的是，`textContent`会保留所有空白字符（如空格、换行符等），这对于布局可能产生影响。 - **替代方案**: 如果字符串中不包含HTML标签，可以...

    不允许点击鼠标右键，不能ctrl+a，不能复制粘贴的代码

    3. **兼容性问题**：不同的浏览器对于事件处理和默认行为的支持可能有所不同，因此在实现上述功能时需要注意浏览器兼容性问题。 4. **法律风险**：在某些国家和地区，过度限制用户访问网站内容可能违反相关的法律...

Magicbox
Global site tag (gtag.js) - Google Analytics