首页 > 建站教程 > JS、jQ、TS >  firefox下img元素和空div以及选中div中文字拖拽效果处理正文

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;} 样式解决



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