首先说一下什么是事件监听,
事件监听就是通过某一事物的源对象(当某种事件发生时),然后向监听器传送某种事件对象,监听器里面封装了某种事件信息,接到事件对象后进行某种处理,这就是事件监听。简单来说以学校放课铃作为事物源对象,然后放学
设置事件监听的方法主要有onclick(点击事件)和addEventListener()两种;
先说一下最基础的点击时间吧;
html <button onclick="but(aa)"></button> //点击事件可以是其他标签主要是使用onclick点击事件绑定. <script> function but(a){ console.log(a);//打印的传参 }//这是最简单的点击事件 </script>
事件的话除了click点击事件,还有更多的事件:
键盘事件
表单事件监
然后是另一种事件的传播:
语法:addEventListener(参数1,参数2,)
分为三个阶段:依次是捕获阶段、目标阶段、冒泡阶段
参数1:事件类型,这个事件类型不加on
参数2:回调函数;参数3:false代表事件冒泡,true代表事件捕获
前者事件先执行,后者事件后执行,注意IE不支持这个方法,其他浏览器支持
解绑事件:removeEventListener(事件,回调函数);//这个回调函数要单独写出来才可以正常的解绑,不然无法解绑
在这里多说一下什么是事件冒泡:
事件冒泡:当子级触发事件的时候会将子级冒泡到父级上去(会传播到父级)
原理是由微软公司提出,IE浏览器支持事件冒泡,IE浏览器中没有事件捕获
类比:石头砸到水底后,湖底会有气泡往上冒,由点找面