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

时间:2013-11-19 12:10:01

标签: html5 drag-and-drop mouseevent pointer-events

我试图在div上只禁用几个选定的鼠标事件。

我的最终目标是创建一个div,我可以将一个图像拖到它上面(我很容易做到),但是当div为空时,它可以让我拖动放在它下面的任何东西。

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

我也尝试过使用z-index属性,但这也没有用。 (我需要div有更高的z-index)

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

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

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

  

说明:如果调用此方法,则为该事件的默认操作   不会被触发。

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