IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

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

    wangjian5748发表于 2012-09-18 19:18:57
    love 0

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

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

    不能选中的内容

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

    普通DIV
    从前面一个DIV开始选,就可以选中本部分内容,只有从该DIV结束部分才能不选中

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


    Firefox下的解决方案:

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

    Chrome下的解决方案:

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




沪ICP备19023445号-2号
友情链接