数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时装学
法律学什么是 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>
更新于： 2019 年 10 月 3 日
568 次浏览
广告