เมธอด off ใน jQuery

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

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

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

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

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

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

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

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