简单的屏蔽mousemove和click事件

当一个dom对象同时绑定了鼠标点击事件和鼠标拖动事件的时候,事件触发顺序以下 mousedown-mousemove-mouseup-clickdom

可是有时候可能咱们并不想拖动以后再触发点击。能够用下面的简单方法屏蔽函数

<script>
//label是点击 拖动的元素
var isdown = false, ismove = false;

label.onmousedown = function () {
    isdown = true;
};

label.onmouseup = function () {
    isdown = false;
};

label.onmousemove = function () {
    if(isdown) {
        ismove = true;
        //鼠标拖动事件执行函数
    }
};
label.onclick = function () {
//若是是鼠标拖动事件,不触发点击后的处理了
if(ismove) {
    ismove = false;
    return;
}
//dosomething。。点击事件执行函数                   
};
</script>
相关文章
相关标签/搜索