onpaste 事件

ການເຫດການ DOM ClipboardEvent

ການສະແດງ ແລະ ການນຳໃຊ້

onpaste 事件ເກີດຂຶ້ນເມື່ອຜູ້ນຳໃຊ້ຍົກເລີກໃນ element

ເຖິງວ່າທຸກໆ HTML element ສະໜັບສະໜູນ onpaste 事件ແຕ່ບໍ່ສາມາດຍົກເລີກໃນ element ເຊັ່ນ <p> ເວັ້ນແຕ່element ທີ່ທີ່ຈະມີ contenteditable ທີ່ ຕົກເລິກໃຫ້

ຄຳແນະນຳ: ການນຳໃຊ້ onpaste 事件ໃຫ້ລູກ <input> ທີ່ມີ type="text"

ຄຳແນະນຳ:ສາມາດຍົກເລີກໃນລູກທີ່ສະແດງວ່າ:

  • CTRL + V
  • ຈາກລະບົບຄູ່ມືສິ່ງໃນບັນຊີບັນຊີແບບປະຕິບັດ
  • ເລືອກຫາຄຳສັ່ງ ຍົກເລີກໃນບັນຊີອອກພາບ

ພາບຖານ

ຕົວຢ່າງ 1

ສະແດງ JavaScript ໃນລູກ <input> ບໍ່ທັນໃຊ້ text

<input type="text" onpaste="myFunction()" value="Paste something in here">

ຕິດຕາມຕົນເອງທັງໝົດ

ຕົວຢ່າງ 2

ສະແດງ JavaScript ໃນລູກ <p> ບໍ່ທັນໃຊ້ text (ບໍ່ມີ contenteditable ທີ່ ຕົກເລິກໃຫ້ ຖືກ ຕົກເລິກໃຫ້)

<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>

ຕິດຕາມຕົນເອງທັງໝົດ

ຂໍ້ຄວາມຂອງພາສານີ້

ໃນ HTML:

<element onpaste="myScript">

ຕິດຕາມຕົນເອງທັງໝົດ

ໃນ JavaScript:

ວັດຖຸ.onpaste = function(){myScript};

ຕິດຕາມຕົນເອງທັງໝົດ

ໃນ JavaScript，ນຳໃຊ້ພາສານີ້ addEventListener():

ວັດຖຸ.addEventListener("paste", myScript);

ຕິດຕາມຕົນເອງທັງໝົດ

ຄວາມຄິດ:Internet Explorer 8 ສຳລັບກ່ອນບໍ່ສາມາດສະໜັບສະໜູນ ພາສານີ້ addEventListener()。

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

ການປະກວດຫຼັງ: ການສະໜັບສະໜູນ
ສາມາດຍົກເລີກ: ການສະໜັບສະໜູນ
ການມີອັນຕະລາຍ: ClipboardEvent
ສັບສິນ HTML ທີ່ສະໜັບສະໜູນ: ບັນດາສັບສິນ HTML

ການສະໜັບສະໜູນບັນດາຄົນອານຸສາວະລີ

ການເຫດການ Chrome IE Firefox Safari Opera
onpaste ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ

ບັນດາຫົວຂໍ້ທີ່ກ່ຽວຂ້ອງ

ສາຍລະບົບ HTML DOM:ເຫດການ oncopy

ສາຍລະບົບ HTML DOM:ເຫດການ oncut

ການເຫດການ DOM ClipboardEvent