禁止鼠标选中文字 用js可以在页面中写 onselectstart="return false" 比如说 <div style="width:200px;height:200px;" onselectstart="return false">这里面的文字是不能被鼠标选中的</div> 现在我的问题是 要把 onselectstart="return false" 写进class中,怎样实现呢? 我不想要在页面中有那么多的 onselectstart="return false" ,所以想写进class中。 谢谢
问题补充:
css中没有类似的定义么? 满篇都是同样的onselectstart="return false"代码 太乱了。。。 我试试先,ff不能支持么? 囧 为什么每次都要牺牲掉它
答案:
firefox 实现就更简单了 <style type="text/css"> .aa{-moz-user-select:none;} </style> <div class="aa"></div> --------------------------------- ..你直接在 <body onselectstart="return false"> 这里加的话, 整个页面都不能复制文字了吧。。 如果是针对IE浏览器的话 ,CSS 应该可以这样写,代码如下 <style type="text/css"> .aa{gn:expression_r(this.onselectstart=function(){return false;})} </style> <div class="aa"> aaaaaaaaaaaa </div>
PS:
最近的工作中,接触JS的比较多,碰到个文本框不能拖动选择的问题
发现原来是增加了一个函数
document.onselectstart = function(event) {return false};
那么页面上的所有的选择事件将失效。
譬如我们可以指定哪些是不能选定的
document.onselectstart= function(event){return test()};
function test(){
var the = event.srcElement ;
if( !( ( the.tagName== "INPUT" && the.type.toLowerCase() == "text" ) || the.tagName== "TEXTAREA" ) )
{
return false;
}
return true ;
}
时间: 2024-10-07 13:15:53