倚栏听风倚栏听风

不积跬步
无以至千里

JavaScript 区分点击和拖拽事件

最近做了个地图,需要实现点击目标时显示信息,但是拖拽地图时也会触发点击事件,查了查资料,发现很多区分拖拽和点击的实现都不是很简洁,最后用 jQuery 解决了。

$('#mycavas').mousedown(function(event){
    isDrag = false;

    $(this).one('mousemove', function(event){
        isDrag = true;
    });

    $(this).one('mouseup', function(event){
        if(isDrag){
            // 在这里处理拖拽事件,我的场景里直接跳过就可以了
            continue;
        }
        // 在这里处理点击事件
    });
});
本原创文章未经允许不得转载 | 当前页面:倚栏听风 » JavaScript 区分点击和拖拽事件

评论