search

4.12 滑鼠相關事件

hashtag
click 事件

找到頁面上的某個元素之後，做 click 事件上的綁定，當使用者點擊該元素之後，就會觸發指定的程式。

建立 click.html，內容如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button type="button" id="mybtn">按鈕</button>

  <script>
    var my_btn_el = document.getElementById("mybtn");
    my_btn_el.addEventListener("click", function(){
      alert("test");
    });
  </script>
</body>
</html>

circle-info

將上述程式碼的 script 標籤，放到 head 標籤裡面，會發生什麼事？

hashtag
使用 JS 來觸發 click 事件

語法，找到頁面上的某個元素之後：

例：

Previous4.11 DOMContentLoaded 事件與 load 事件Next4.13 鍵盤相關事件與事件物件

Last updated