如何使用javascript / jquery從任何地方禁用鼠標懸停事件？

Question

我正在使用raphael.js庫，這個文件包含一個mouseover事件，我想停止工作。 誰能幫我？

Answer 1

你可以使用CSS：

.element {
    pointer-events: none;
}

或類似的東西：

$('.element').on('mouseover mouseenter mouseleave mouseup mousedown', function() {
   return false
});

我不知道您希望阻止該事件觸發什么，請更具體地說明您的問題並提供更多相關信息。

Answer 2

實際上，您可以簡單地創建一個覆蓋，它將捕獲事件並防止使用event.stopPropagation()冒泡。

由於mouseover和mouseout事件不會從子元素傳遞到父元素，因此變得更加容易 - 創建不可見的疊加層就足夠了。

沒有疊加：

 $("p").mouseover(function() { $(this).text("Gotcha!"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>Mouse over me</p> 

使用疊加：

 $("p").mouseover(function() { $(this).text("Gotcha!"); }); 

 #mouseoverDisabler { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(255, 0, 0, 0.15); /* just for demo. make it 0.0 */ z-index: 10000; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="mouseoverDisabler"></div> <p>Mouse over me</p> 

背景顏色是故意的紅色 - 它將幫助您理解這個想法。 您可以將其設置為透明，但不可見。