JS事件
1.简述
是什么:通常鼠标或热键的动作我们称之为事件(Event),eg:点击,表单提交,值发生变化,鼠标移入,鼠标移出
作用:通过JS事件,我们可以完成页面的指定特效
2.JS事件驱动机制
页面上的特效我们可以理解在JS事件驱动机制下进行
JS事件驱动机制
事件源 : 专门产生事件的组件
事件 : 由事件源所产生的动作或事情
监听器 : 专门处理事件源产生的事件
注册/绑定监听器 : 让监听器时刻监听事件源是否由指定事件产生,如果事件源产生指定事件,则调用监听器处理
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件驱动机制</title>
<script>
function run(){
alert("ziqi");
}
</script>
</head>
<body>
<!--
事件源 :按钮
事件 : 点击事件 onclick
监听器 :run()方法
注册监听器:onclick = "run()"
-->
<input type="button" value="one" onclick="run()" />
</body>
</html>
3.七种常见的JS事件
1.点击事件 ( onclick ) : 由鼠标或热键点击元素组件时触发
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function run1(){
alert("弹出框");
}
</script>
</head>
<body> <!- 文本域点击事件-->
<input type="text" onclick="run1()"/>
</body>
</html>
2.焦点事件
焦点&#