2019-09-16 JS事件

HTML事件处理:直接添加到HTML结构中。缺点:修改时需要同时修改两次,比如函数名修改时需要同时修改onclick中的内容。

DOM0事件处理:把函数值赋给事件处理程序属性。onclick(点击事件)可赋值为空。缺点:多个事件时,只显示最后一个事件,前面的会被覆盖。 

DOM2事件处理:依次处理,不被覆盖。

添加事件addEventListener(事件名,事件处理函数,布尔值);移除事件removeElementListener();true:事件捕获;false:事件冒泡

IE事件:attachEvent;detachEvent

事件对象

事件对象event:在触发DOM事件时会产生一个对象。

type:获取时间类型;target:获取时间目标 ;topPropogation():阻止事件冒泡;preventDefault():阻止事件默认行为

JS内置对象-String字符串对象

JS内置对象-Date日期对象

JS内置对象-Array数组对象

JS内置对象-Math对象

JSDOM对象控制HTML元素

JS浏览器对象-window对象

JS浏览器对象-计时器

JS浏览器对象-History对象

JS浏览器对象-Location对象

JS浏览器对象-Screen对象


2019-09-16 JS事件_第1张图片
2019-09-16 JS事件_第2张图片

你可能感兴趣的:(2019-09-16 JS事件)