ตรวจสอบว่าเหตุการณ์ถูกเรียกโดยมนุษย์

ฉันมีตัวจัดการติดอยู่กับเหตุการณ์และฉันต้องการให้ดำเนินการเฉพาะเมื่อมันถูกกระตุ้นโดยมนุษย์ไม่ใช่โดยวิธีการทริกเกอร์ () ฉันจะบอกความแตกต่างได้อย่างไร

ตัวอย่างเช่น,

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

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

คุณสามารถตรวจสอบe.originalEvent: หากมีการกำหนดว่าคลิกนั้นเป็นมนุษย์

ดูซอที่http://jsfiddle.net/Uf8Wv/

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

ตัวอย่างของฉันในซอ:

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

ตรงไปข้างหน้ามากกว่าด้านบนจะเป็น:

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

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

ผมคิดว่าวิธีเดียวที่จะทำเช่นนี้จะส่งผ่านพารามิเตอร์เพิ่มเติมเกี่ยวกับtriggerการโทรตามเอกสาร

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

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

ตัวอย่าง: http://jsfiddle.net/wG2KY/

คำตอบที่ยอมรับไม่ได้สำหรับฉัน 6 ปีแล้วที่ jQuery มีการเปลี่ยนแปลงมากมายตั้งแต่นั้นมา

ตัวอย่างเช่นevent.originalEventคืนค่าเสมอtrueด้วย jQuery 1.9.x ฉันหมายถึงวัตถุมีอยู่เสมอ แต่เนื้อหานั้นแตกต่างกัน

ผู้ที่ใช้ jQuery เวอร์ชันที่ใหม่กว่าสามารถลองได้ ใช้งานได้กับ Chrome, Edge, IE, Opera, FF

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

เบราว์เซอร์ส่วนใหญ่ในปัจจุบันรองรับเหตุการณ์ isTrusted :

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

จากเอกสาร :

นี้ IsTrustedอ่านอย่างเดียวทรัพย์สินของEventอินเตอร์เฟซที่เป็นBoolean ที่เป็นจริงเมื่อมีเหตุการณ์ที่ถูกสร้างขึ้นโดยการกระทำของผู้ใช้และเท็จ เมื่อมีเหตุการณ์ที่ถูกสร้างหรือแก้ไขโดยสคริปต์หรือส่งผ่าน EventTarget.dispatchEvent ()

คุณสามารถใช้ onmousedown เพื่อตรวจจับการคลิกเมาส์และทริกเกอร์ () โทร

ฉันจะคิดถึงความเป็นไปได้ที่คุณจะตรวจสอบตำแหน่งของเมาส์เช่น:

• คลิก
• รับตำแหน่งเมาส์
• ซ้อนทับกันของปุ่ม
• ...

ในกรณีที่คุณมีการควบคุมของรหัสของคุณทุกสายไม่มีคนต่างด้าวกว่า$(input).focus()setFocus()

ใช้ตัวแปรทั่วโลกเป็นวิธีที่ถูกต้องสำหรับฉัน

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

หากเอเลี่ยนบางคนยังต้องการโทร$(input).focus()จากดาวเคราะห์ดวงอื่น ขอให้โชคดีหรือตรวจสอบคำตอบอื่น ๆ