点击并拖动带溢出的元素：隐藏不会在firefox中触发onmouseout

Question

它在chrome中工作正常但在firefox中没有，在firefox中它会在你弹出框外后触发，然后移动你的光标。是什么原因引起了这种行为，有什么方法吗？

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

所以点击并按住绿色方块，然后将光标移到外面。

镜像JSFiddle：http://jsfiddle.net/5ntLgyow/

Answer 1

添加最后一行。 firefox有默认的拖动功能，所以防止鼠标按下默认就可以了。

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

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