Periksa apakah acara dipicu oleh manusia

Saya memiliki handler yang melekat pada suatu peristiwa dan saya ingin itu dijalankan hanya jika dipicu oleh manusia, dan bukan oleh metode pemicu (). Bagaimana saya membedakannya?

Sebagai contoh,

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

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

Anda dapat memeriksa e.originalEvent: jika didefinisikan klik adalah manusia:

Lihatlah biola http://jsfiddle.net/Uf8Wv/

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

contoh saya di biola:

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

Lebih lurus daripada di atas adalah:

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

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

Saya pikir satu-satunya cara untuk melakukan ini adalah dengan memasukkan parameter tambahan pada triggerpanggilan sesuai dokumentasi .

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

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

Contoh: http://jsfiddle.net/wG2KY/

Jawaban yang diterima tidak berhasil untuk saya. Sudah 6 tahun dan jQuery telah banyak berubah sejak saat itu.

Misalnya event.originalEventkembali selalutrue dengan jQuery 1.9.x. Maksud saya objek selalu ada tetapi konten berbeda.

Mereka yang menggunakan versi jQuery yang lebih baru dapat mencoba yang ini. Bekerja di Chrome, Edge, IE, Opera, FF

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

Saat ini sebagian besar browser mendukung event.isTrusted :

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

Dari dokumen :

The isTrusted read-only properti dari Eventantarmuka adalah Boolean yang benar ketika acara ini dihasilkan oleh tindakan pengguna, dan palsu ketika acara ini dibuat atau dimodifikasi oleh script atau dikirim melalui EventTarget.dispatchEvent () .

Anda dapat menggunakan onmousedown untuk mendeteksi panggilan klik vs pemicu ().

Saya akan memikirkan kemungkinan di mana Anda memeriksa posisi mouse, seperti:

• Klik
• Dapatkan posisi mouse
• Tumpang tindih dengan tombol
• ...

Jika Anda memiliki kendali atas semua kode Anda, tidak ada panggilan asing $(input).focus()selain setFocus().

Menggunakan variabel global adalah cara yang benar bagi saya.

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

Jika beberapa alien masih ingin menelepon $(input).focus()dari planet lain. Semoga beruntung atau periksa jawaban lain