เมธอด off ใน jQuery

การยกเลิกการผูกเหตุการณ์ที่ผูกผ่าน on, ทำได้โดยใช้เมธอด off. พารามิเตอร์แรกรับประเภทของเหตุการณ์ (ตัวอย่างเช่น 'click') และพารามิเตอร์ที่สองคือชื่อ ฟังก์ชันที่ควรยกเลิกการผูก

ลองพิจารณาตัวอย่างต่อไปนี้ สมมติว่าเรามีโค้ด HTML:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

ใน CSS ได้กำหนดสไตล์ให้แท็ก li:

li {
	width: 100px;
	cursor: pointer;
}

มาทำให้หลังจากคลิกที่ li เป็นครั้งแรก เหตุการณ์จะถูกยกเลิกการผอกจากมัน:

$('li').on('click', function() {
	$(this).append('!');
	$(this).off('click', func);
});

ลองคลิกที่รายการในรายการ คุณจะเห็นว่าเมื่อกด ที่รายการเดิมซ้ำอีกครั้ง จะไม่เกิดอะไรขึ้น เนื่องจาก ฟังก์ชัน func ของเราหลังจากเรียกใช้เมธอด append แล้ว ได้ถูกยกเลิกการผูกโดยเมธอด off

ให้ผูกเหตุการณ์ให้กับลิงก์ทั้งหมด - เมื่อ นำเมาส์มาวางบนลิงก์ ให้เพิ่ม href ของมัน ลงท้ายข้อความของลิงก์ในวงเล็บกลม หลังจากนำเมาส์มาวางบนลิงก์เป็นครั้งแรก ให้ยกเลิกการผูกเหตุการณ์ที่เพิ่ม href ลงท้ายข้อความ

สำหรับอินพุตทั้งหมด ให้ทำให้พวกมัน แสดงค่า value ของตัวเองเมื่อ กดที่อินพุตใดๆ แต่เพียงครั้งแรกเท่านั้น การกดที่อินพุตซ้ำไม่ควรก่อให้เกิดปฏิกิริยา

กำหนดย่อหน้าพร้อมตัวเลข เมื่อคลิกที่ย่อหน้า ควรปรากฏกำลังสองของตัวเลขที่มันมีอยู่ แต่เฉพาะในการคลิกครั้งแรกเท่านั้น เมื่อดับเบิลคลิกที่ย่อหน้า ตัวเลขในย่อหน้า ควรเพิ่มเป็นสองเท่า แต่เฉพาะครั้งแรกเท่านั้น