firefox下img元素和空div以及选中div中文字拖拽效果处理

问题说明:
      Firefox下以图片为句柄的拖拽效果无法触发onmouseup事件,同样的在空的div中也也无法触发onmouseup事件,同时在所有浏览器下选中文字后div的mouseup事件失效;

解决方法 :
      Firefox下Drag效果句柄不能作用在img元素上,解决有两种。
            1、 用一个div层盖住img
            2、 用非img元素作拖拽句柄 

  Firefox下空div无法拖拽可添加 以帮助解决。但是在添加文字或空格后,又会在选中时影响onmouseup事件。

  解决浏览器下选中文字导致onmouseup事件事件失效。

    1.firefox下可添加*{-moz-user-select:-moz-none;} 样式解决

       

 

Input表单中文字

一般页面文字

设置none

不可选

不可选

设置moz-none

可选

不可选

设置moz-all

不可选

可选

  

    2.IE浏览器下是通过 onselectstart="javascript:return false;"事件来实现,该方法ff下是不支持的。chrome、oprea下的此问题暂时无法解决。

posted @ 2012-11-19 16:02  纯属偶然_黄勇  阅读(676)  评论(0编辑  收藏  举报