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
    }
}