`

用JavaScript控制IE/firefox頁面復制鼠標右鍵查看源代碼。

IEFirefoxJavaScript浏览器 
阅读更多 
<body leftmargin=0 
           topmargin=0  
           oncontextmenu='return false' 
           ondragstart='return false' 
           onselectstart ='return false' 
           onselect='document.selection.empty()' 
           oncopy='document.selection.empty()' 
           onbeforecopy='return false' 
           onmouseup='document.selection.empty()'> IE6 好用。火狐不好用。誰有IE的高版本測試下。

 

 

今天看到一句話。

<style><!-- body { -moz-user-select:none; } --></style>

 放在<body>上面。在firefox下就好用了，設置后就不可以復制了。這句話只支持firefox。

 

IE浏览器下是通过 

onselectstart="javascript:return false;"   事件来实现，该方法ff下是不支持的

 我說怎么上面的代碼在firefox下沒效果。

 

詳解如下。

 

屏蔽选择的样式定义：-moz-user-select 属性（只支持ff）。

简单实例：

<div style="-moz-user-select:none;" >ff下不能选择我！</div>

 

该属性可以说有三个属性值：

1、 none：在FF2.0测试,用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。

2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。

3、 -moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外（已经过测试）。

关系列表：

 

 

关系列表：

Input表单中文字

一般页面文字

设置none

不可选

不可选

设置moz-none

可选

不可选

设置moz-all

不可选

可选

 

当-moz-all 和 -moz-none嵌使用时，其实遵循以上关系列表.

 

分享到：
| mySql,末尾空格的匹配
评论
发表评论

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

相关推荐

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