-
1 HTML 事件处理程序
2 DOM 0级事件处理程序
3 DOM 2级事件处理程序
dom 2级事件定义了两个方法:
用于处理指定和删除事件处理程序的操作
addEventListener()和removeEventListner();
接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值
查看全部 -
事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。使用更多
事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。
查看全部 -
兼容ie8之前
查看全部 -
并用if--else封装事件兼容浏览器
查看全部 -
事件对象:(不支持IE)
bubbles 事件属性返回一个布尔值,如果事件是起泡类型,则返回 true,否则返回 fasle。
canselable事件:是否可以取消默认事件,返回一个布尔值。
查看全部 -
解决跨浏览器事件处理:
查看全部 -
IE事件处理程序
查看全部 -
DOM2级事件:可添加多个动作,属性中要处理的事件名:去掉on(例:点击事件onclick写click)
removeEventListener()的属性必须与addEventListener()的属性一样。
removeEventListener()中false:兼容各种浏览器
查看全部 -
DOM2级事件处理程序:
查看全部 -
DOM0级事件处理程序 :先把元素取出来,然后为其属性添加一个事件
查看全部 -
taget属性 用于获取时间目标节点
type 用于获取事件类型
stopPropagation()方法用于阻止事件冒泡;
preventDefault()阻止事件的默认行为;
查看全部 -
clearInterval(定时器名称);清除定时器,以防加多层定时器
在哪调的函数this指谁
keyCoden属性用于得到键盘对应键的键码值
console.log(x)打印x,在调试的时候可以看见
查看全部 -
事件对象属性
查看全部 -
跟着鼠标光标移动的框,都有一个绝对定位:position:absolute;
查看全部 -
function addEvent(ele, type, hander) {
// 执行代码
if (ele.addEventListener) {
ele.addEventListener(type, hander, false);
} else if (ele.attachEvent) {
ele.attachEvent('on' + type, hander);
}else{
ele['on'+type]=handler;
}
}
查看全部
举报