JavaScript 中的事件處理程式是什麼?


JavaScript 與 HTML 的互動透過使用者或瀏覽器操作頁面時發生的事件來處理。

頁面載入時,稱為事件。當用戶單擊按鈕時,是單擊事件。其他示例包括諸如按下任何鍵、關閉視窗、調整視窗大小等事件。

以下是其中一些示例

onclick 事件型別

這是使用最頻繁的事件型別,當用戶單擊滑鼠的左鍵時發生。你可以針對此事件型別放置你的驗證、警告等。

嘗試以下示例。

即時演示

<html>
   <head>
      <script>
         <!--
            function sayHello() {
               alert("Hello World")
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button and see result</p>
      <form>
         <input type="button" onclick="sayHello()" value="Say Hello" />
      </form>
   </body>
</html>

 onmouseover 和 onmouseout

這兩種事件型別將幫助你使用影像或文字建立漂亮的特效。onmouseover 事件在你將滑鼠懸停在任何元素上時觸發,而 onmouseout 在你將滑鼠移出該元素時觸發。嘗試以下示例。

即時演示

<html>
   <head>
      <script>
         <!--
            function over() {
               document.write ("Mouse Over");
            }
            function out() {
               document.write ("Mouse Out");
            }
         //-->
      </script>
   </head>
   <body>
      <p>Bring your mouse inside the division to see the result:</p>
      <div onmouseover="over()" onmouseout="out()">
         <h2> This is inside the division </h2>
      </div>
   </body>
</html>

更新於:03-Oct-2019

568 次瀏覽

開啟您的 職業生涯

完成課程獲得認證

立即開始
廣告
© . All rights reserved.