一、今日学习:1.事件深入、注册事件的两种方式:事件是发生在浏览器中的操作,可以由浏览器本身或者用户发起。
常见的事件:文档加载事件:window.onload=function(){ }
用户点击事件:dom.onclick=function(){ } 或dom.addEventLinstener('click',事件处理函数)
键盘抬起事件keyup
键盘按下事件keydown
鼠标点击事件
鼠标移入移出事件
2.事件委托:事件委托也叫作事件委派、事件代理事件:将事件绑定给父级元素,主要针对动态生成的标签绑定不上事件时使用
3.删除事件:传统方式:onclick=null;
事件监听方式:removeEventLinstener(‘事件类型’,事件处理函数的名称);
注意:使用事件监听的方式删除事件时,要使用命名函数,因为要将函数名作为参数上传给删除事件的事件监听事件流
元素不是独立的,而是串在一起的
每个元素触发事件之后还会影响其他元素
4.事件流的方式:事件冒泡:第三个参数省略或为false时,执行事件冒泡, 即事件触发时其父级元素按从小到大的顺序被依次触发
事件捕获:第三个参数为true时,执行事件捕获,即事件触发时其父级元素按从大到小的顺序依次触发
阻止默认事件:e.stopPropagation()
阻止冒泡与捕获:e.preventDefault()
二、今日问题:无
三、解决方案:无
|