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

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

Ví dụ,

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

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

Bạn có thể kiểm tra e.originalEvent: nếu nó được xác định thì 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 câu đố:

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

Thẳng hơn phía trên sẽ là:

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

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

Tôi nghĩ rằng cách duy nhất để làm điều này là truyền vào một tham số bổ sung trong triggercuộc gọi theo tài liệu .

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

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

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

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

Ví dụ event.originalEventtrả về luôn truevớ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 các phiên bản mới hơn của jQuery có thể thử cái 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
}

Hiện tại hầu hết các trình duyệt đều hỗ trợ event.isTrust :

if (e.isTrusted) {
  /* The event is trusted: event was generated by a user action */
} else {
  /* The event is not trusted */
}

Từ tài liệu :

Các isTrusted read-only tài sản của Eventgiao diện là một Boolean đó là sự thật khi sự kiện này được tạo ra bởi một hành động của người dùng, và sai khi sự kiện này được tạo hoặc sửa đổi bởi một kịch bản hoặc cử qua EventTarget.dispatchEvent () .

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

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

• Nhấp chuột
• Nhận vị trí chuột
• Chồng chéo các nút của nút
• ...

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

Sử dụng một biến toàn cục 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 người ngoài hành tinh 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âu trả lời khác