วิธี trigger

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

ไวยากรณ์

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

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

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

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

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

ตัวอย่าง

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

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

button {
	margin: 10px;
}

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

span {
	color: green;
}

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

ดูเพิ่มเติม

วิธี on,
ซึ่งช่วยให้ผูกจัดการเหตุการณ์กับองค์ประกอบ
วิธี triggerHandler,
ซึ่งช่วยให้เรียกใช้งานจัดการเหตุการณ์ทั้งหมดที่ ผูกกับองค์ประกอบ
ออบเจ็กต์ event,
ซึ่งมีข้อมูลเกี่ยวกับเหตุการณ์
วิธี submit,
ซึ่งช่วยให้สามารถผูกจัดการกับ เหตุการณ์ JavaScript submit หรือเรียกใช้งานเหตุการณ์นั้น