事件流: 描述的是在页面中接受事件的顺序
- 事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) (ie是这种)
- 事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件
- DOM事件流:三个阶段:事件捕捉,目标阶段,事件冒泡
计时事件:通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行,我们称之为计时事件
window对象:
window 对象是 BOM 核心,window 对象指当前的浏览器窗口
所有 JavaScript 全局对象、函数以及变量均自动生成为 window 对象的成员
全局变量是 window 对象的属性
全局函数是 window 对象的方法
甚至 HTML DOM 的 document 也是 window 对象的属性之一
History对象:
window.history 对象包含浏览器的历史(url)集合
location对象:
window.location 对象用于获得当前页面的地址信息,里边包含很多东西,有兴趣的自己去试试。
screen对象:
window.screen 对象包含有关用户屏幕的信息
面向对象中的概念:
1. 一切事物皆对象
2. 对象具有封装和继承特性
3. 信息隐藏
DOM2级事件处理程序:两个方法,用于处理指定和删除事件处理程序的操作
【true 是捕获事件 , false 是冒泡事件】
1. addEventListener()
2. removeEventListener()
接收三个参数:要处理的事件名、作为事件处理程序的函数、布尔值
DOM中的事件对象:在触发DOM上的事件时都会产生一个对象
事件对象event
- type 属性 用于获取事件类型
- target属性 用于获取事件目标
- stopPropagation()方法 用于阻止事件冒泡
- preventDefault()方法阻止事件的默认行为 比如
<a>
的默认跳转
IE中的事件对象:
1. type属性 用于获取事件类型
2.srcElement属性 用于获取事件目标
3.cancelBubble属性 用于阻止事件冒泡
设置为true表示阻止冒泡 false表示不阻止
IE事件处理程序 与DOM不同:
1. attachEvent() 添加事件
2. detachEvent() 删除事件
接收相同的两个参数:事件处理程序的名称和事件处理程序的函数
因为IE8只支持事件冒泡 所以它会自动加到冒泡事件中 所以不用布尔值
this必须是放在一个作用域内
element.onclick === element['onclick'] .可以被 [] 替换
网友评论