Javascript常⽤监听事件
Javascript常⽤监听事件
事件监听机制
概念：某些组件被执⾏了某些操作后，触发某些代码的执⾏。
事件：某些操作。如： 单击，双击，键盘按下了，⿏标移动了
事件源：组件。如： 按钮 ⽂本输⼊框…
：代码。
注册监听：将事件，事件源，结合在⼀起。 当事件源上发⽣了某个事件，则触发执⾏某个代码。
常见的事件：
1. 点击事件：
1. onclick：单击事件
input绑定onblur事件2. ondblclick：双击事件
2. 焦点事件
1. onblur：失去焦点
2. onfocus：元素获得焦点。
3. 加载事件：
1. onload：⼀张页⾯或⼀幅图像完成加载。
4. ⿏标事件：
1. onmousedown ⿏标按钮被按下。
2. onmouseup ⿏标按键被松开。
3. onmousemove ⿏标被移动。
4. onmouseover ⿏标移到某元素之上。
5. onmouseout ⿏标从某元素移开。
5. 键盘事件：
1. onkeydown 某个键盘按键被按下。
2. onkeyup 某个键盘按键被松开。
3. onkeypress 某个键盘按键被按下并松开。
6. 选择和改变
1. onchange 域的内容被改变。
2. onselect ⽂本被选中。
7. 表单事件：
1. onsubmit 确认按钮被点击。
2. onreset 重置按钮被点击。
如何绑定事件
1. 直接在html标签上，指定事件的属性(操作)，属性值就是js代码
1. 事件：onclick— 单击事件
2. 通过js获取元素对象，指定事件属性，设置⼀个函数
代码：
<body>
<img id="light" src="img/off.gif"  onclick="fun();">
<img id="light2" src="img/off.gif">
<script>
function fun(){
alert('我被点了');
alert('我⼜被点了');
}
function fun2(){
alert('咋⽼点我？');
}
//1.获取light2对象
var light2 = ElementById("light2");
//2.绑定事件
</script>
</body>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。