我如何只禁用几个选定的鼠标事件

Posted 2023-02-24

【中文标题】我如何只禁用几个选定的鼠标事件

【英文标题】：how do i disable only a few selected mouse events

【发布时间】：2013-11-19 12:10:01

【问题描述】：

我正在尝试仅禁用 div 上的几个选定鼠标事件。

我的最终目标是创建一个 div，我可以将单个图像拖入和拖出它（我很容易做到），但是当 div 为空时，它使我能够拖动放置在其下方的任何内容。

我尝试使用 CSS-Pointer-events: none;但它会禁用所有事件，所以我什至无法拖动它。

我也尝试过使用 z-index 属性，但也没有成功。 （我需要 div 有更高的 z-index）

我正在使用 html 5 进行拖放，我希望保持这种方式，而不是使用 Jquery 或其他现有的解决方案。

感谢您的帮助

【参考方案1】：

您可以使用 event.preventDefault() 方法来禁用事件。

说明：如果调用此方法，则事件的默认动作 不会被触发。

http://api.jquery.com/event.preventDefault/

【讨论】：

它不会禁用事件，它会停止默认操作。例如。链接不会直接指向链接的页面，但它仍会运行附加的整个功能。我想完全禁用它，所以它的效果和指针事件一样：无；