ວິທີ preventDefault() ໃນການເກີດອຸບັດ

ພາກສານເຫດ DOM ວັດຖຸ Event

ການກໍານົດ ແລະ ການນໍາໃຊ້

ຖ້າການເກີດອຸບັດຕິດຢືນຢັນສາມາດຍົກຍ້າຍ, ວິທີ preventDefault() ຈະຍົກຍ້າຍການເກີດອຸບັດຕິດ, ເພື່ອນັ້ນການດຳເນີນຄືນຂອງການເກີດອຸບັດຕິດຈະບໍ່ເກີດຂຶ້ນ.

ຕົວຢ່າງທີ່ມີປະໂຫຍດໃນການນຳໃຊ້:

  • ຄຳປາກົດ: ຄຳປາກົດ ການການສົ່ງສັນຍາບັນຊີ
  • ຄຳປາກົດ: ຄຳປາກົດ ການດຳເນີນຄືນ URL ທີ່ການເຊື່ອມ

ຄວາມຄິດເຫັນ:ບໍ່ມີການກະທຳທັງໝົດທີ່ສາມາດຍົກຍ້າຍຫຼືບໍ່. ຂ້ອຍຈະໃຊ້ ຜົນງານ cancelable ເພື່ອພິສູດວ່າການເກີດອຸບັດຕິດຢືນຢັນສາມາດຍົກຍ້າຍຫຼືບໍ່.

ຄວາມຄິດເຫັນ:ວິທີ preventDefault() ຈະບໍ່ປ້ອງກັນການຂະຫຍາຍອອກຈາກ DOM. ຂ້ອຍຈະໃຊ້ວິທີ stopPropagation() ເພື່ອແກ້ໄຂ.

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ປ້ອງກັນການເປີດ URL ຂອງການເຊື່ອມ

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

ທ່ານຕອບການທົດລອງຕົວເອງ

ຕົວຢ່າງ 2

ປ້ອງກັນການດຳເນີນການຄືນຂອງຄູ່ມືການຄອງ

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

ທ່ານຕອບການທົດລອງຕົວເອງ

ພາສາຂັດ

event.preventDefault()

ພຽງພໍ

ບໍ່ມີ.

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄຳຕອບກັບ: ບໍ່ມີຄຳຕອບກັບ.
DOM ລະດັບ: DOM Level 2 Events

ການສະໜັບສະໜູນບັນຊີບັນນາທິ

ຈຳນວນສາມາດທີ່ວິທີການຈະສະໜັບສະໜູນໃນຕົ້ນຕົວການຫຼິ້ນຂອງຕົວເລື່ອງຈະຢູ່ໃນຕາມຈຳນວນທີ່ຕາມ

ວິທີການ Chrome IE Firefox Safari Opera
preventDefault() ການສະໜັບສະໜູນ 9.0 ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ
ພາກສານເຫດ DOM ວັດຖຸ Event