Jquery 焦点移出事件

Question

我有一个文本框，上面有 focusout 事件。每当文本框失去焦点(Tab、鼠标单击表单的任何其他部分)时，根据某些条件，将调用用户编写的函数来显示警报。

现在，我的表单也有一个按钮，在填充文本框后，当我单击按钮时，将调用文本框的 focusOut 事件，而不是按钮单击事件。

如何停止单击按钮时调用文本框的 foucusout 事件？

 ("$textbox").focusout(function(){
validation;
alert("message");
});

("$btn").click(function(){
----
});

谁能帮帮我吗？

Answer 1

我已将您的点击事件更改为鼠标按下(因此它首先触发)并使用变量来跟踪您的点击:

var buttonClicked = false;

$('#txt1').focusout(function(){
    if(!(buttonClicked)){
        alert('BlurEvent');
    }else{
        buttonClicked = false;
    }
});

$('#btn').mousedown(function(event){
    alert('ClickEvent');
    buttonClicked = true;
});

http://jsfiddle.net/924SZ/

编辑

var buttonClicked = false;

$('#txt1').focusout(function(){
    if(!(buttonClicked)){
        // do normal focusout code.
    }else{
        // button was clicked - dont execute some code.
        buttonClicked = false;
    }
    //this always executes regardless of focusout or button click
    var reply =confirm("Are you happy with the input?");
});

$('#btn').mousedown(function(event){

    buttonClicked = true;
});