在Windows上的Chrome / Safari中使用Jquery mousedown mouseup

时间:2012-02-16 11:11:43

标签: jquery google-chrome safari webkit

我创建了一个可以用鼠标滚动的页面,比如谷歌地图,但是当用户单击一个对象时,我希望它显示隐藏的内容,我想出了一个非常简单的解决方案:< / p>

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

这适用于所有浏览器,除了Chrome和Safari在Windows上?那么也许与webkit有关?如果我在这些浏览器中双击,但是如果只需单击一下就可以使用它。我想知道是否有人遇到过这个问题或知道解决方案?希望这是有道理的。

由于

1 个答案:

答案 0 :(得分:0)

mousedown或者mouseup在所有浏览器中完美地工作包括在Windows上使用chrome和safari

如果不适合你,请使用上一个jQuery,同时尝试:

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