簡單的屏蔽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>
相關文章
相關標籤/搜索