一,注册事件
即给元素添加事件
1.传统注册方式
2.方法监听注册方式
事件类型:字符串形式,不用带on
可以给一个元素添加多个程序
二.删除事件
1.方式
参数见上文
三.DOM事件流
事件的传播过程叫做事件流
js代码只能获取一个阶段:捕获或冒泡
onclick或attachEvent只能得到冒泡阶段
捕获阶段:先从父级到子级,监听注册:第三个参数为true。会先弹出父级在弹出子级
冒泡阶段:监听注册:第三个参数为false或省略,从子级到父级,会先弹出子级的再弹出父级的
比起捕获我们更关心冒泡
四,事件对象
event就是事件,写在侦听事件的小括号里面
div.οnclick=function(event){}
常见的属性和方法
2,阻止默认行为
让链接不跳转,或按提交按钮不提交
除了上图的那一个,用return false也可以,缺点是:return后面的代码就不执行了
五,阻止冒泡
1,阻止冒泡的两种方式
兼容性的解决方案:
六,事件委托
1,原理
不是每个子节点单独设置事件监听器,而是监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。
好处:只用操作一次DOM,提高了性能
七,常见的鼠标事件
1.禁止鼠标右键菜单
2.禁止鼠标选中
3.鼠标事件对象
可视页面:就可看见的那一部分,控制面板上面
文档页面:是整体的部分,是有滚动条的
八,常见的键盘事件
同时写先执行down-press-up