2、JS-DOM：事件基础

1、什么是事件：

①、Javascript使我们有能力创建动态页面，而事件是可以被 Javascript侦测到的行为。

②、简单理解：触发-响应机制，比如：点击按钮--->关闭广告弹窗
③、网页中的每个元素都可以产生某些可以触发 Javascript的事件，例如，我们可以在用户点击某按钮时产生一
事件，然后去执行某些操作。

 

2、事件组成：事件源（按钮）----》 事件类型（鼠标点击）----》 事件处理程序（弹窗关闭）

比如一个简单的点击弹出对话框事件：

 

        var btn = document.getElementById('btn');

        btn.onclick = function() {

            alert('hello')

        }

①、事件源：谁被触发(按钮）

②、事件类型：被如何触发(点击、鼠标经过、键盘按下)

③、事件处理程序：通过函数赋值方式完成

 

3、常见鼠标事件：

onclick      

鼠标点击左键触发

onmouseover
鼠标经过触发
onmouseout
鼠标离开触发
onfocus
获得鼠标焦点触发
onblur
失去鼠标焦点触发
onmousemove
鼠标移动触发
onmouseup
鼠标弹起触发
onmousedown
鼠标按下触发