0.什么是事件？
事件指的是发生在html元素（即标签）上的“某种操作” 例如：
- 鼠标移动到某个元素上
- 某个按钮被点击
- 某个键盘的按键被按下
1.什么事事件监听？
事件监听就是检查在页面中是否存在上述事件的发生，当上述某种事件发生时以便JavaScript可以执行一段代码（事件绑定），从而完成某种操作。
2.事件绑定方式
- 行内样式绑定
<body>
<input type="button" onclick="on()" value="按钮1">
</body>
<script>
function on() {
alert("按钮1被点击了");
}
</script>- DOM元素属性绑定
<body>
<input type="button" id="btn" value="按钮2">
</body>
<script>
document.getElementById('btn').onclick=()=>{
alert("按钮2被点击了");
}
</script>3.常见事件
- onclick：鼠标单击事件
- onfocus：元素获得焦点
- onblur：元素失去焦点
- onload：某个页面或者图像被完成加载
- onsubmit：当表单提交时触发该事件
- onkeydown：键盘的某个按键被按下时触发该事件
- onmouseover：鼠标被移动到某个元素之上
- onmouseout：鼠标从某个元素移走
© 版权声明
- 本博客所拥有的文章除特别声明外，均默认采用 CC BY-NC-SA 4.0 许可协议。
- 文章部分内容可能来源于公共网络，如有侵权，请联系博主在核实后进行修改或删除。
THE END
暂无评论内容