什么是事件?
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例:
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
常见 DOM 事件:
鼠标事件
|
键盘事件
|
表单事件
|
文档/窗口事件
|
click
|
keypress
|
submit
|
load
|
dblclick
|
keydown
|
change
|
resize
|
mouseenter
|
keyup
|
focus
|
scroll
|
mouseleave
|
|
blur
|
unload
|
在这里列出一部分剩下的可以自己测试
-
<!DOCTYPE html>
-
<html lang="en">
-
<head>
-
<meta charset="UTF-8">
-
<title>黄英文网页设计</title>
-
<script src="js/jquery-1.8.3.min.js"></script>
-
</head>
-
<body>
-
<p id="one">单击我弹出提示</p>
-
<p id="double">双击我弹出提示</p>
-
<p id="enter">鼠标移到我这里弹出提示</p>
-
<p id="leave">鼠标离开我弹出提示</p>
-
<button id="mybtn" onclick="myfun()">点击按钮</button>
-
<script>
-
$("#one").click(function () {
-
alert("don't touch me");
-
});
-
$("#double").dblclick(function () {
-
alert("双击我 想干嘛?");
-
});
-
$("#enter").mouseenter(function () {
-
alert("吧鼠标放上了 想干嘛?");
-
});
-
$("#leave").mouseleave(function () {
-
alert("拿开鼠标想干嘛?");
-
});
-
</script>
-
</body>
-
</html>
阅读(1147) | 评论(0) | 转发(0) |