วิธี trigger

วิธี trigger ช่วยให้สามารถเรียกใช้งาน จัดการเหตุการณ์ทั้งหมดที่ผูกกับองค์ประกอบ สำหรับประเภทเหตุการณ์ที่กำหนด มันจะเรียก ฟังก์ชันจัดการตามลำดับที่พวกมันจะถูกเรียกโดยผู้ใช้ หากคุณต้องการเรียกจัดการเหตุการณ์ แต่ไม่ ต้องการดำเนินการเหตุการณ์มาตรฐาน ให้ใช้วิธี triggerHandler

ไวยากรณ์

เป็นพารามิเตอร์แรก เราสามารถ ส่งประเภทเหตุการณ์ในรูปแบบสตริง ที่สอง (ไม่บังคับ) อาร์เรย์หรือออบเจ็กต์ที่มี พารามิเตอร์เพิ่มเติมเพื่อส่งไปยัง ตัวจัดการ:

javascript$(selector).trigger(eventType, [additionalParameters]);

สามารถส่งเหตุการณ์เป็นพารามิเตอร์แรก ในรูปแบบออบเจ็กต์ jQuery.Event:

javascript$(selector).trigger(event, [additionalParameters]);

มีความแตกต่างระหว่างการส่งพารามิเตอร์เพิ่มเติม ไปยังวิธี trigger และข้อมูลไปยังวิธี on ใน กรณีแรก ข้อมูลต้องถูกกำหนดไว้ในระหว่าง การเกิดเหตุการณ์ ส่วนกรณีที่สอง กำหนดไว้ในขณะผูก ฟังก์ชันจัดการ

ตัวอย่าง

เมื่อกดปุ่ม #first ค่าจะ เพิ่มขึ้นเฉพาะในสแปนแรกเท่านั้น เมื่อ กดปุ่ม #second - ทั้งสองอัน โดย จำลองการคลิกของผู้ใช้บนอันแรก ฟังก์ชัน increase จะเพิ่มค่า 1 ต่อเลข ที่ส่งให้เป็นพารามิเตอร์ ด้วยวิธี trigger เราทำให้เกิด เหตุการณ์คลิกในสแปนแรกด้วย แม้ว่า เราจะกดปุ่ม #second:

html<button id="first">button1</button>
<button id="second">button2</button>
<div><span>0</span></div>
<div><span>0</span></div>

cssbutton {
  margin: 10px;
}

div {
  margin-left: 10px;
  font-weight: bold;
}

span {
  color: green;
}

javascript$('#first').click(function() {
  increase($('span').first());
});

$('#second').click(function() {
  $('#first').trigger('click');
  increase($('span').last());
});

function increase(str) {
  let num = parseInt(str.text(), 10);
  num.text(num + 1);
}

ดูเพิ่มเติม