Javascript 事件(event)是指在HTML文檔中用Javascript語言編寫的代碼塊,它們可以在文檔的某些指定位置或在用戶執行某些操作時被觸發執行。事件可以是瀏覽器文檔執行的任何操作,例如點擊按鈕、打開新窗口、移動鼠標、輸入文本等等。
舉個例子,假設我們有一個按鈕:
<button onclick="alert('Hello World!')">點擊我</button>
在該按鈕上添加了一個點擊事件(onclick),當用戶點擊該按鈕時,事件會被觸發,彈出一個包含文本“Hello World!”的對話框。
除了單擊事件之外,Javascript也支持許多其他類型的事件:
- 鼠標事件:
onmousedown - 鼠標被按下 onmouseup - 鼠標被釋放 onmousemove - 鼠標移動 onmouseover - 鼠標移到某元素之上 onmouseout - 鼠標移出某元素
onkeydown - 按下鍵盤 onkeyup - 釋放鍵盤
onfocus - 元素獲得焦點 onblur - 元素失去焦點 onsubmit - 表單提交 onreset - 表單重置
通過定義事件處理程序(event handler),我們可以讓Javascript在事件發生時執行某些特定的任務。事件處理程序可以在HTML部分定義,也可以在Javascript代碼中動態添加。
在HTML中定義事件處理程序:
<button onclick="myFunction()">點擊我</button> <script> function myFunction() { alert("Hello World!"); } </script>
在Javascript中動態添加事件處理程序:
<button id="myBtn">點擊我</button> <script> document.getElementById("myBtn").addEventListener("click", function(){ alert("Hello World!"); }); </script>
Javascript事件是Web開發的基礎之一,它能夠使我們編寫出響應式的用戶界面和交互式的應用程序。熟練掌握事件的使用可以極大地提高我們的Web開發效率。
上一篇php log框架