如何禁用拖放HTML元素?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (45)

正在研究一个Web应用程序,试图实现一个全功能的窗口系统。现在它进展得非常好,我只遇到一个小问题。有时,当我拖动应用程序的一部分时(通常是窗口的角落div,应该触发调整大小的操作),网络浏览器变得灵敏,并认为我的意思是拖放一些东西。最终结果是,当浏览器执行拖放操作时,我的操作被暂停。

有没有简单的方法来禁用浏览器的拖放?理想情况下,我希望能够在用户点击某些元素时关闭它,但重新启用它,以便用户仍然可以在我的窗口内容上使用其浏览器的常规功能。我使用的是jQuery,虽然我无法找到它浏览文档

简而言之:我需要禁用浏览器文本选择和拖放功能,同时用户按下鼠标按钮,并在用户释放鼠标时恢复该功能。

提问于
用户回答回答于

尝试防止mousedown事件的默认值:

<div onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false">asd</div>

要么

<div onmousedown="return false">asd</div>
用户回答回答于

试试

<BODY ondragstart="return false;" ondrop="return false;">

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励