Jquery tập trung vào sự kiện

Question

Tôi đã có một hộp văn bản có sự kiện tập trung vào sự kiện đó. bất cứ khi nào hộp văn bản bị mất tiêu điểm (Tab, nhấp chuột vào bất kỳ phần nào khác của biểu mẫu), dựa trên các điều kiện nhất định, chức năng người dùng viết sẽ làm mất cảnh báo được gọi.

Bây giờ, biểu mẫu của tôi cũng có nút, sau khi điền vào hộp văn bản khi tôi nhấp vào tiêu điểm nútTự kiện của hộp văn bản được gọi thay vì sự kiện nhấp nút.

làm cách nào để dừng sự kiện foucusout của hộp văn bản được gọi khi nhấp vào nút?

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

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

bất kỳ ai có thể giúp tôi không?

Answer 1

Bạn không nhận được sự kiện kích hoạt sự kiện focusout theo sau là sự kiện nút click?

Có thể alert đang ngăn nút click hoàn tất.

Thử xóa alert để kiểm tra xem cả hai sự kiện có kích hoạt hay không.

Cập nhật:

Có lẽ một sự kiện mousedown sẽ làm việc thay vì click vì điều này sẽ đăng ký trên mousedown chứ không phải trên các sự kiện mouseup rằng click sẽ kích hoạt trên.

Answer 2

Tôi đã thay đổi sự kiện click của bạn đến một mousedown (để nó cháy đầu tiên) và sử dụng một biến để theo dõi nhấp chuột của bạn:

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/

EDIT

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; 
}); 

Answer 3

Tôi nghĩ bộ chọn JQuery hoạt động với $. Vì vậy, IMO bạn là đây là sai lầm duy nhất bạn đang làm ở đây là đặt sai ký hiệu đô la '$'.

Làm thế nào về điều này. (Giả sử các TextBox có class="textbox" và Button có class='btn') Thay đổi

$(".textbox").focusout(function(){ 
    alert('MsgBox'); 
}); 

$(".btn").click(function(){ 
    alert('Button');  
}); 

chọn như sau nếu bạn có ID s thay vì class

$("#textbox") AND $("#btn") 

http://jsfiddle.net/dAa2R/6/