Kiểm tra xem sự kiện có được kích hoạt bởi một con người

Question

Tôi có trình xử lý được đính kèm với sự kiện và tôi muốn trình xử lý đó thực thi chỉ khi nó được kích hoạt bởi một con người chứ không phải bằng phương thức trigger(). Làm thế nào để tôi biết sự khác biệt?

Ví dụ,

$('.checkbox').change(function(e){ 
    if (e.isHuman()) 
    { 
    alert ('human'); 
    } 
}); 

$('.checkbox').trigger('change'); //doesn't alert 

Answer 1

Bạn có thể kiểm tra e.originalEvent: nếu nó xác định nhấp chuột là con người:

Nhìn vào fiddle http://jsfiddle.net/Uf8Wv/

$('.checkbox').change(function(e){ 
    if (e.originalEvent !== undefined) 
    { 
    alert ('human'); 
    } 
}); 

ví dụ của tôi trong fiddle:

<input type='checkbox' id='try' >try 
<button id='click'>Click</button> 

$("#try").click(function(event) { 
    if (event.originalEvent === undefined) { 
     alert('not human') 
    } else { 
     alert(' human'); 
    } 


}); 

$('#click').click(function(event) { 
    $("#try").click(); 
}); 

Answer 2

Tôi nghĩ rằng cách duy nhất để làm điều này sẽ được thông qua trong một tham số bổ sung về các cuộc gọi trigger theo documentation.

$('.checkbox').change(function(e, isTriggered){ 
    if (!isTriggered) 
    { 
    alert ('human'); 
    } 
}); 

$('.checkbox').trigger('change', [true]); //doesn't alert 

Ví dụ: http://jsfiddle.net/wG2KY/

Answer 3

Tôi sẽ suy nghĩ về một khả năng mà bạn kiểm tra vị trí con chuột, như:

• Bấm
• Nhận vị trí chuột
• chồng lên coords của nút
• ...

Answer 4

More thẳng về phía trước hơn ở trên sẽ là:

$('.checkbox').change(function(e){ 
    if (e.isTrigger) 
    { 
    alert ('not a human'); 
    } 
}); 

$('.checkbox').trigger('change'); //doesn't alert 

Answer 5

Bạn có thể sử dụng onmousedown để phát hiện cú nhấp chuột và kích hoạt() cuộc gọi.

Answer 6

Câu trả lời được chấp nhận không phù hợp với tôi. Đã 6 năm rồi và jQuery đã thay đổi rất nhiều kể từ đó.

Ví dụ: event.originalEvent trả về luôn true với jQuery 1.9.x. Ý tôi là đối tượng luôn tồn tại nhưng nội dung thì khác.

Những người sử dụng phiên bản jQuery mới hơn có thể dùng thử phiên bản này. Hoạt động trên Chrome, Edge, IE, Opera, FF

if ((event.originalEvent.isTrusted === true && event.originalEvent.isPrimary === undefined) || event.originalEvent.isPrimary === true) { 
    //Hey hooman it is you 
} 

Answer 7

Trong trường hợp bạn có quyền kiểm soát của tất cả các mã của bạn, không có người ngoài hành tinh gọi $(input).focus() hơn setFocus().

Sử dụng biến toàn cầu là một cách chính xác cho tôi.

var globalIsHuman = true; 

$('input').on('focus', function(){ 
    if(globalIsHuman){ 
     console.log('hello human, come and give me a hug'); 
    }else{ 
     console.log('alien, get away, i hate you..'); 
    } 
    globalIsHuman = true; 
}); 

// alien set focus 
function setFocus(){ 
    globalIsHuman = false; 
    $('input').focus(); 
} 
// human use mouse, finger, foot... whatever to touch the input 

Nếu một số người nước ngoài vẫn muốn gọi $(input).focus() từ hành tinh khác. Chúc may mắn hoặc kiểm tra các câu trả lời khác