本文介绍了JavaScript中的事件处理概念，包括常见的保留关键字、鼠标事件、键盘事件以及其他网页事件，并通过实例展示了如何使用JavaScript处理页面加载和按钮点击事件。
JavaScript是面向对象的
一、JavaScript常用保留关键字
|
as
|
else
|
is
|
switch
|
|
break
|
export
|
item
|
this
|
|
case
|
extends
|
namespace
|
throw
|
|
catch
|
false
|
new
|
true
|
|
class
|
finally
|
null
|
try
|
|
const
|
for
|
package
|
typeof
|
|
continue
|
function
|
private
|
use
|
|
debugger
|
if
|
protected
|
var
|
|
default
|
import
|
public
|
void
|
|
delete
|
in
|
return
|
while
|
|
do
|
instanceof
|
super
|
with
|
二、事件及事件处理程序
网页由浏览器的内置对象组成，例如按钮、文本框、单选钮等。我们将鼠标或键盘在网页对象上的动作叫做“事件”，而由鼠标或键盘引发的一连串程序的动作叫做“事件驱动”，对事件进行处理的程序或函数叫做“事件处理程序”。
王页中的事件一般可以分为鼠标事件、键盘事件及其他事件3类。
网页中的常用鼠标事件
|
事 件
|
意 义
|
|
onmousedown
|
按下鼠标键
|
|
onmousemove
|
移动鼠标
|
|
onmouseout
|
鼠标离开某一个网页对象
|
|
onmouseover
|
鼠标移动到某一个网页对象上
|
|
onmouseup
|
松开鼠标键
|
|
onclick
|
单击鼠标键
|
|
ondbclick
|
双击鼠标键
|
网页中常用的键盘事件
|
事 件
|
意 义
|
|
onkeydown
|
按下一个键
|
|
onkeyup
|
松开一个键
|
|
onkeypress
|
按下然后松开一个键
|
网页中的常用其他事件
|
事 件
|
意 义
|
|
onfocus
|
焦点到一个对象上
|
|
onblur
|
从一个对象失去焦点
|
|
onload
|
载入网页文档
|
|
onUnload
|
卸载网页文档
|
|
onSelect
|
文本框中选择了文字内容
|
|
onChange
|
文字变化或列表选项变化
|
|
onerror
|
出错
|
|
onsubmit
|
提交窗体
|
|
onreset
|
重置窗体
|
|
onabort
|
中断显示图片
|
例2-1 当装载页面时，显示向用户问好的信息，当点击按钮时，显示致谢信息
目的：用JavaScript处理事件
<html>
<head>
<title>JavaScript练习</title>
<script language = "JavaScript">
function hello() {
alert("您好，欢迎进入我们的网页！");
}
function message() {
alert("谢谢您的合作");
}
</script>
</head>
<body onload = "hello()">
<input type="button" value="请点击…" onclick="message()">
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
