JavaScript 解决 onblur 与 onclick 冲突

<input type="text" onblur="function1" />

<input type="button" onclick="function2" value="保存" />

上面的代码会出现一种问题：当点击按钮的时候，onblur 会执行，onblur 一般是用来检查文本框的内容，我们并不希望在点击按钮的时候执行，并且 onblur 会执行在 onclick 之前。

解决方式：

var tid;

onblur = function(){

    tid = setTimeout(function(){

        //do blur save

    }, 25);

};

onclick = function(){

    clearTimeout(tid);

    //do click save

}

主要作用是延迟 onblur 的执行，在 onclick 执行的时候，取消 onblur 的执行（注意，点击按钮的时候，onblur 才会被触发，所以延迟 25 ms是没问题的）。

巴特西

JavaScript 解决 onblur 与 onclick 冲突

最新文章

热门文章