`
hyshucom
  • 浏览: 809642 次
文章分类
社区版块
存档分类
最新评论

IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案

 
阅读更多

在IE下给DIV设置unselectable与onselectstart属性,可以让div的内容不能选中,这个功能在很多情况下,非常有用,但是他的bug太明显,

直接使用一个DIV是可以的,比如:

<div unselectable="on" onselectstart="return false;">不能选中的内容</div>

但是假如在这个DIV前面在出现一个普通的DIV,那就有问题了,比如:

<div>普通DIV<div>
<div unselectable="on" onselectstart="return false;">从前面一个DIV开始选,就可以选中本部分内容,只有从该DIV结束部分才能不选中</div>

目前我还没找到很好的解决方案,要么在body里用onselectstart="return false;",但是那会导致整个页面都无法选中;或者在所有div或者类似DIV的容器里都要设置onselectstart="return false;",才能彻底解决。


Firefox下的解决方案:

style="-moz-user-select:none;"

Chrome下的解决方案:

style="-webkit-user-select:none;"


分享到:
评论

相关推荐

    PHP云模块网站管理系统源码

    一、源码特点 ... 2、如你所想,无限可能,支持创建任何网站... 2、浏览器:≥IE7, Firefox, Chrome, Opera, Safari 3、数据库:MySql≥ 5.03 4、WEB服务器:Apach / IIS5 / IIS 6 / IIS 7 5、PHP版本: ≥PHP 5.4.00

    禁止选中文字兼容IE、Chrome、FF等

    代码如下: $(el).attr(‘unselectable’,’on’) .css({‘-moz-user-select’:’-moz-none’, ‘-moz-user-select’:’none’, ‘-o-user-select’:’none’, ‘-khtml-user-select’:’none’, /* you could also ...

    鼠标移动div时禁止选中div中的文字的方法

    这是通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-user-select是FF的 cssstyle: 复制代码代码如下: html,body{-moz-user-select: none; -khtml-user-...

    js鼠标移动时禁止选中文字

    onselectstart为Chrome、Safari准备 -moz-user-select是FF的 css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;} 或 &lt;div unselectable=”on” xss=removed xss=removed&gt; ...

    js禁止document element对象选中文本实现代码

    false, 不可选中 function setSelectable(obj, enabled) { if(enabled) { obj.removeAttr(“unselectable”).removeAttr(“onselectstart”).css(“-moz-user-select”, “”).css(“-webkit-user-select”, “”);...

    基于javaweb的3d密室逃脱游戏前端和后端源码+项目说明.zip

    - unselectable (int) 不可以选中的物体,比如墙 - liftUp (int) 在主场景中选中它会让他抬起来 - defaultHide (int) 默认隐藏的物体,只有在玩家在悬浮模式下发现了其他线索才会让其显现 - show (string:物体名字) ...

    _MP3文件切割 修整 录制工具

    可以进行MP3文件切割 修整 录制工具 ... - Unselectable record base name problem fixed - Optional slim button layout - Batch function corrections - Pause detection optimizations - Some more improvements

    css-utils:CSS 实用程序

    .u-unselectable .u-unclickable 尺寸和位置 .u-fullSize .u-fullParent .u-fluid--w .u-fluid--h .u-topCorner .u-topCorner--right 居中元素 .u-center--rel .u-center--abs .u-middle--abs 内联列表 .u-...

    html借助marquee实现文字左右滚动

    //借助于marquee”scroll” contenteditable=”true” xss=removed scrollamount=”3″ width=”100″&gt;&lt;SPAN unselectable=”on”&gt;这里是要滚动的内容&lt;/SPAN&gt;&lt;/MARQUEE&gt; //普通的实现方法&lt;DIV id=”scrollobj” ...

Global site tag (gtag.js) - Google Analytics