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

本文讨论了Firefox浏览器下以图片为句柄的拖拽效果无法触发onmouseup事件的问题,并提供了两种解决方法:使用div层覆盖img元素或改用非img元素作为拖拽句柄。此外,文章还介绍了如何解决空div无法拖拽及鼠标事件失效的问题,并讨论了不同浏览器下选中文字导致onmouseup事件失效的解决办法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题说明:
      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下的此问题暂时无法解决。

转载于:https://www.cnblogs.com/huangyong8585/archive/2012/11/19/2777422.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值