HTML的Click事件可以為網頁添加交互功能,能夠讓用戶與網頁元素進行互動。該事件可以在用戶點擊鼠標時觸發,執行定義的JavaScript代碼。
<button onclick="myFunction()">Click Me</button> <script> function myFunction() { alert("Hello, world!"); } </script>
在這個例子中,當用戶點擊按鈕時,會執行myFunction()函數,彈出"Hello, world!"的提示框。
除了HTML標簽外,還可以使用JavaScript代碼綁定click事件:
<button id="myBtn">Click Me</button> <script> document.getElementById("myBtn").addEventListener("click", function() { alert("Hello, world!"); }); </script>
在這個例子中,當用戶點擊按鈕時,會執行綁定的匿名函數,彈出"Hello, world!"的提示框。
需要注意的是,同一元素綁定多個click事件時,會按照代碼書寫的順序執行。
<button id="myBtn2">Click Me Again</button> <script> document.getElementById("myBtn2").addEventListener("click", function() { alert("This is the first click event."); }); document.getElementById("myBtn2").addEventListener("click", function() { alert("This is the second click event."); }); </script>
在這個例子中,當用戶點擊按鈕時,會按照代碼書寫的順序先執行第一個匿名函數,彈出"This is the first click event."的提示框,再執行第二個匿名函數,彈出"This is the second click event."的提示框。
上一篇css 復選框代碼
下一篇css 增加點擊范圍