本文最后更新于156 天前,其中信息可能已过时,如有错误请发送邮件到lh2406923301@163.com
PS:在学习完黑马的课后,我觉得还是需要总结归纳一下,不然总是学了后面忘了前面。这样的话后期复习回顾也方便同时可以记录自己的一个学习过程。
事件:HTML事件是HTML元素上面发生的事情。例如:
- 按钮被点击
- 鼠标移动到元素上
- 按下键盘按键
事件监听:JavaScript可以在事件被检测到时执行代码。
事件绑定的两种方法:
- 方式一:通过HTML标签中的事件属性(onclick)进行绑定:
<input type="button" onclick="fun1()" value="提交按钮"
<script>
function fun1(){
alert('提交按钮被点击了');
}
</script>
方式二:通过DOM元素属性进行绑定:
<input type="button" id="btn" value="提交按钮">
<script>
document.getElementById('btn').onclick=function(){
alert('提交按钮又被点击了');
}
</script>
常见事件:
| 事件名 | 说明 |
| onclick | 鼠标单击事件 |
| onblur | 元素失去焦点 |
| onfocus | 元素获得焦点 |
| onload | 某个页面或图像完全被加载 |
| onsubmit | 提交表单时触发该按键 |
| onkeydown | 某个键盘按键被按下 |
| onmouseover | 鼠标移动到某元素之上 |
| onmouseout | 鼠标从某元素上移开 |









