一、学习内容:
1.事件的深入
传统事件注册方式onclick:唯一性,同一个元素,同一个事件只能设置一个处理函数,最后注册的事件处理函数将会覆盖前面注册的处理函数
方法监听注册方式addEventListener:同一个元素,同一个事件,可以设置多个事件处理函数,执行的顺序按照默认书写顺序,注册的顺序
事件流:所有的元素都不是独立,是串联在一起的
单个元素触发事件之后还会影响其他元素
事件冒泡(从小到大):在点击完成之后理解触发目标对象,然后一层一层向上冒泡
事件捕获(从大到小):在点击完div后不会立即触发div的事件,而是一层一层向下捕获,最终到达div才触发事件
事件对象:event事件对象是传递给事件处理函数的唯一参数
currentTarget:当前事件处理程序所在的元素
target:事件目标,只包含事件的真实目标
this:始终指向的是currentTarget
在事件处理内部,只有一个节点,this,target,currentTarget指向的是同一个元素dom
阻止事件的默认行为:阻止右键菜单的事件--禁用鼠标右键--contextmenu
阻止鼠标左键选择(复制)文本--selectstart
事件委托:子元素较多时,绑定的事件都是同一个事件---同一事件处理函数
通过事件捕获来绑定
动态添加的元素----后期动态添加没有注册上点击事件
键盘事件:keyCode判断键盘上各个键的Code值
键盘事件里面的input没有keyCode
回车----13
左上右下----37 38 39 40
awds----65 87 68 83
空格----32
|