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.