Windows 上 Chrome/Safari 中的 Jquery mousedown mouseup

Question

我创建了一个可以用鼠标滚动的页面，就像谷歌地图一样，但是当用户单击一个对象时，我希望它显示隐藏的东西，我想出了一个非常简单的解决方案：

var clicking = false;

//mouse clicked down
$(".tile").mousedown(function () {
    clicking = true;
});

//if mousemoves whilst its clicked down dont do mouse up as we are scrolling page
$(".tile").mousemove(function () {
    if (clicking == true) {
        clicking = false;
    }
});

//So if mouse hasnt moved show the hidden object
$(".tile").mouseup(function () { 
    if (clicking == true) {
        //Show the hidden thing
    }
}

这适用于所有Windows 上除了 chrome 和 safari 之外还有哪些浏览器？那么也许与 webkit 有关？如果我在这些浏览器中双击，它就可以工作，但如果我单击一次，它会更喜欢。我想知道是否有人遇到过这个问题或知道解决方案？希望这是有道理的。

谢谢

Answer 1

mousedown 或 mouseup 在所有浏览器中都能完美工作，包括 Windows 上的 chrome 和 safari

，如果不适合您，请使用最后的 jQuery，也可以尝试：

$(".tile").bind("mousedown",function () { 
    if (clicking == true) {
        //Show the hidden thing
    }
}