Matumizi ya matukio ya JavaScript

Matukio ya HTML ni matendo yenye kina-funzi kwenye kina-funzi ya HTML.

Kama inatumiwa kina-funzi ya JavaScript kwenye kina-funzi ya HTML, JavaScript inaweza kumaliza matukio haya.

Matukio ya HTML

Matukio ya HTML yanaweza kufikia kwa sababu ya matendo ya kina-funzi ama mtumiaji.

Mafano ya matukio ya HTML yasiyohusiana:

  • Kina-funzi ya tovuti ya HTML inapakia
  • Kina-funzi ya input ya HTML inapangwa
  • Kina-funzi ya HTML inapendekeza

Kawaida, kama matukio yanaendelea, mtumiaji anayotaka kufanya machache.

JavaScript inaweza kufanya kina-funzi kwa sababu ya kina-funzi ya matukio.

Kwa sababu ya kina-funzi ya JavaScriptKwa sababu ya HTML, inaweza kuingia kina-funzi ya matukio kwenye kina-funzi ya elementi ya HTML.

Tumia herufi za kigeni:

<element event='Kuna JavaScript>

Tumia herufi za kigeni:

<element event="Kuna JavaScript">

Kwenye mafano yaliyofuata,onclick Matumizi (na kina-funzi) yanayotumika kwenye <button> Elementi:

Mfano

<button onclick='document.getElementById("demo").innerHTML=Date()'>Je, saa gani ni?</button>

Jifunze tena

Kwenye mafano yaliyotumiwa juu, kina-funzi ya JavaScript kumwambia kufanywa kwa kina-funzi ya elementi ya id="demo":

Kwenye mafano yaliyofuata, kina-funzi (kutumiwa this.innerHTML）（kumwambia kufanywa kufikia kwa kusababisha kufanywa kwa kina-funzi:

Mfano

<button onclick="this.innerHTML=Date()">Je, saa gani ni?</button>

Jifunze tena

Kodi ya JavaScript kina mabaki mengi. Kuna matumizi ya kina-funzi kwa sababu ya matumizi ya matukio:

Mfano

<button onclick="displayDate()">Je, saa gani ni?</button>

Jifunze tena

Matukio ya HTML ya kawaida

Kuna matukio ya HTML ya kawaida:

matukio kuonyesha
onchange HTML element imeenginekwa kusababishwa
onclick 用户点击了 HTML 元素
onmouseover 用户把鼠标移动到 HTML 元素上
onmouseout 用户把鼠标移开 HTML 元素
onkeydown 用户按下键盘按键
onload 浏览器已经完成页面加载

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

JavaScript 能够做什么？

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

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

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

  • HTML 事件属性可执行 JavaScript 代码
  • Mwendo wa matukio wa HTML jumla inaweza kutumia JavaScript fungu
  • Wewe unaweza kusaidia kumaliza jumla za matukio kwa kusaidia kusaidia HTML jumla
  • Wewe unaweza kumaliza matukio kwa kusaidia
  • Na sasa

Wewe utafutia zaidi kuhusu matukio na mashairi katika mada ya HTML DOM.