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是没问题的）。