單擊並拖動帶有溢出的元素：隱藏不會在firefox中觸發onmouseout

Question

它在chrome中可以正常工作，但在Firefox中卻不能，在Firefox中，一旦您在框外釋放，然后移動光標，它就會觸發。 有什么想法會導致這種行為，並且有什么辦法可以解決？

 var testDiv = document.getElementById("testDiv"); testDiv.onmouseout = function () { alert("Triggered."); }; 

 #testDiv { overflow: hidden; width: 100px; height: 100px; background-color: green; } 

  <div id="testDiv"></div> 

因此，在綠色方框內單擊並按住，然后將光標移到外面。

在JSFiddle上鏡像： http : //jsfiddle.net/5ntLgyow/

Answer 1

添加最后一行。 firefox具有默認的拖動功能，因此可以防止鼠標向下默認設置。

var testDiv = document.getElementById("testDiv");
testDiv.onmouseout = function () {
    alert("Triggered.");
};

testDiv.onmousedown=function(e){e.preventDefault();}