■ 事件
JS使创建动态页面成为可能，事件就是可以被JS侦测到的行为
简单理解，事件就是触发–响应机制
事件由以下三部分组成：
- 事件源： 事件被触发的对象，比如按钮
- 事件类型： 如何触发，什么事件，比如鼠标点击
- 事件处理程序： 通过函数赋值的方式完成
例
<body>
<button id='btn'>点我</button>
<script>
var btn = document.getElementById('btn');
btn.onclick = function(){
alert('点击了我');
}
</script>
</body>
■ 事件执行过程
事件执行有以下过程：
- 获取事件源
- 注册事件(绑定事件)
- 添加事件处理程序(采取函数赋值形式)
<body>
<div>123</div>
<script>
var div = document.querySelector('div'); //获取事件源
div.onclick = function(){ //注册事件(绑定事件)
alert('我被选中了'); //添加事件处理程序(采取函数赋值形式)
}
</script>
</body>
■ 常见的鼠标事件
- onclick： 鼠标按下触发
- onmouseover： 鼠标经过触发
- onmouseout： 鼠标离开触发
- onfocus： 获得鼠标焦点触发
- onblur： 失去鼠标焦点触发
- onmousemove： 鼠标移动触发
- onmouseup： 鼠标弹起触发
- onmousedown： 鼠标按下触发
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
