JavaScript可以监听并响应HTML元素上的事件，如按钮点击、鼠标移动等。事件绑定有两种方式：一是通过HTML标签的事件属性，例如`onclick`在HTML中直接指定函数；二是使用JavaScript的`getElementById`选择元素后，设置其事件属性，如`onclick`来定义点击行为。常见的事件包括点击、失去焦点、获得焦点、加载、表单提交、键盘按键和鼠标悬停等。
js事件监听
事件
HTML事件是发生在HTML元素上的"事情"。比如：
- 按钮被点击
- 鼠标移动到元素上
- 按下键盘按键
事件监听
JavaScript可以在事件被侦测到时执行代码。
事件绑定
方式1：通过HTML标签中的事件属性进行绑定
<body>
<input type="button" id="bt1" value="事件1" onclick="on()">
</body>
<script>
function on(){
alert("按钮");
}
</script>
方式2：通过DOM元素属性绑定
<body>
<input type="button" id="bt2" value="事件2" >
</body>
<script>
document.getElementById('bt2').onclick=function(){
alert("点击");
}
</script>
常见事件
| 事件名 | 说明 |
|---|---|
| onclick | 鼠标单击事件 |
| onbur | 元素失去焦点 |
| onfocus | 元素获得焦点 |
| onload | 某个页面或图像被完成加载 |
| onsubmit | 当表单提交时触发该事件 |
| onkeydown | 某个键盘的键被按下 |
| onmouseover | 鼠标被移到元素之上 |
| onmouseout | 鼠标从某元素移开 |
扫一扫
198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
