且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

JavaScript 解决 onblur 与 onclick 冲突

更新时间:2021-10-24 02:27:41

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




本文转自田园里的蟋蟀博客园博客,原文链接:http://www.cnblogs.com/xishuai/p/javascript-onblur-onclick.html,如需转载请自行联系原作者