JS 事件（一）

事件处理

事件源
任何一个 HTML 元素（节点）

---

事件触发

鼠标：

• *click 鼠标单击事件
• dbclick 鼠标双击事件
• contextmenu 鼠标右键激活文本菜单。return false 可屏蔽鼠标右键

---

事件处理函数

使用一个匿名或回调函数作为触发事件后的处理函数

---

添加事件的方法：

第一种：

<tag on 事件 = "事件处理函数" />

第二种：

<script>
//对象.on 事件 = 事件处理函数

//window.onload 事件在文档渲染完成后再执行代码，避免报错。
window.onload = function(){
        //.onclick 点击事件
        document.getElementById('btn').onclick = function(){
                alert('我被点击了');
        }
}
</script>
<button id="btn">按钮</button>

第三种（火狐不兼容）：

<script for="事件源 ID" event="on 事件">事件处理函数</script>

---

对你有帮助的话，点赞+关注~