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