ການມືຖະຫານ JavaScript

HTML 事件ສາມາດເປັນ 'ການກະທຳ' ທີ່ເກີດຂຶ້ນໃນສັບສຳນັກງານ HTML.

ໃນການໃຊ້ JavaScript ໃນເວັບ HTML, JavaScript ສາມາດ 'ກະທຳ' ສະຖານະເຫດດັ່ງກ່າວ.

HTML 事件

HTML 事件ສາມາດເປັນການກະທຳຈາກການກະທຳຂອງຍົນບານຫຼືຜູ້ນຳໃຊ້.

ດ້ານຫຼັງຈາກນີ້ແມ່ນບາງຄວາມນັບການ HTML 事件:

  • ສະຖານະເຫດ HTML ລົງແລ້ວ
  • ສະຖານະເຫດປ່ຽນມູນຄໍານຳ HTML
  • ສະຖານະເຫດຄຳປິດ HTML

ສະເພາະ, ເວລາທີ່ສະຖານະເຫດເກີດຂຶ້ນ, ຜູ້ນຳໃຊ້ຈະຢາກທຳລາຍຄຳລະບຸກຄວາມຂອງມັນ.

JavaScript ອະນຸຍາດໃຫ້ທ່ານທຳລາຍລະບົບໃນພາຍໃນການສະຖານະເຫດຖືກສັງເກດພາຍໃນ.

ຜ່ານ JavaScript ລະບົບ，HTML ອະນຸຍາດໃຫ້ທ່ານເພີ່ມຄວາມກຳລັງສະຖານະເຫດໃຫ້ສັບສຳນັກງານ HTML.

ໃຊ້ກົດສັດ:

<element event='ບາງ JavaScript>

ໃຊ້ກາງກົດ:

<element event="ບາງ JavaScript">

ໃນການຕິດຕາມຕໍ່ມາຂອງພວກເຮົາ:onclick ປະກອບປະກອບ (ແລະລະບົບ) ໄດ້ຖືກເພີ່ມເຂົ້າໃນ: <button> ສັບສຳນັກງານ:

ຄວາມນັບການ

<button onclick='document.getElementById("demo").innerHTML=Date()'>ມື້ໃນປັດຈຸບັນແມ່ນແນວໃດ?</button>

ທ້າທາຍຢ່າງຕົວເອງ

ໃນການຕິດຕາມຕໍ່ມາຂອງພວກເຮົາ, JavaScript ລະບົບ ປ່ຽນຄວາມຄວາມຂອງສັບສຳນັກງານ id="demo":

ໃນການຕິດຕາມຕໍ່ມາຂອງພວກເຮົາ, ລະບົບ JavaScript ມີຄວາມສາມາດ 'ກະທຳ' ສະຖານະເຫດ: this.innerHTML)(ປ່ຽນຂອງຄວາມຄວາມຂອງສັບສຳນັກງານຕົວເອງ:

ຄວາມນັບການ

<button onclick="this.innerHTML=Date()">ມື້ໃນປັດຈຸບັນແມ່ນແນວໃດ?</button>

ທ້າທາຍຢ່າງຕົວເອງ

ລະບົບ JavaScript ທຳມະດາມີຫຼາຍຈຳນວນປະເພດການເປັນຫນັງ. ການເຫັນຂອງທີ່ກຳລັງສະຖານະບັນດາສັບສຳນັກງານພາຍໃນຄັນວ່າ:

ຄວາມນັບການ

<button onclick="displayDate()">ມື້ໃນປັດຈຸບັນແມ່ນແນວໃດ?</button>

ທ້າທາຍຢ່າງຕົວເອງ

ສະຖານະເຫດ HTML ທີ່ມັກກັນ

ດ້ານຫຼັງຈາກນີ້ແມ່ນບາງສະຖານະເຫດ HTML ທີ່ມັກກັນ:

ສະຖານະເຫດ ການອະທິບາຍ
onchange ສະຖານະບັນດາ HTML ໄດ້ຖືກປ່ຽນ
onclick 用户点击了 HTML 元素
onmouseover 用户把鼠标移动到 HTML 元素上
onmouseout 用户把鼠标移开 HTML 元素
onkeydown 用户按下键盘按键
onload 浏览器已经完成页面加载

更完整的列表：CodeW3C.com JavaScript 参考手册 HTML DOM 事件。

JavaScript 能够做什么？

事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作：

  • 每当页面加载时应该做的事情
  • 当页面被关闭时应该做的事情
  • 当用户点击按钮时应该被执行的动作
  • 当用户输入数据时应该被验证的内容
  • 等等

让 JavaScript 处理事件的不同方法有很多：

  • HTML 事件属性可执行 JavaScript 代码
  • HTML 事件属性能够调用 JavaScript 函数
  • 您能够向 HTML 元素分配自己的事件处理函数
  • 您能够阻止事件被发送或被处理
  • 等等

您将在 HTML DOM 章节中学到更多有关事件和事件处理程序的知识。