IE事件模型,如何给IE和非IE浏览器添加事件
程序员文章站
2022-05-22 18:25:17
...
DOCTYPE html>
html>
head>
meta charset="utf-8"/>
title>IE事件模型title>
head>
body>
input type="button" value="Event对象"/>
p>事件传播过程:p>
script>
window.onload=function(){
var btn=document.getElementsByTagName("input")[0];
var p=document.getElementsByTagName("p")[0];
var i=1;
do{
if(btn.addEventListener)
{
btn.addEventListener("click",function(){
p.innerHTML+="
("+ i++ +") "+this.nodeName;
},false);
}
else
{
btn.attachEvent("onclick",(function(btn){
return function(){ //返回闭包函数,从而动态锁定响应事件的当前对象
p.innerHTML+="
("+ i++ +") "+btn.nodeName;
}
})(btn)); //直接调用函数,以便向内部传递当前绑定元素对象
}
btn=btn.parentNode;
}while(btn);
}
script>
body>
html>
IE事件模型
事件传播过程:
上一篇: 关于贸易程序保护
下一篇: 详解微信小程序前端源码和实例分析
推荐阅读
-
IE低版本和高级浏览器对文本输入事件兼容
-
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
-
为非IE浏览器添加mouseenter,mouseleave事件的实现代码_javascript技巧
-
为非IE浏览器添加mouseenter,mouseleave事件的实现代码_javascript技巧
-
IE事件模型,如何给IE和非IE浏览器添加事件
-
IE事件模型,如何给IE和非IE浏览器添加事件
-
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)_javascript技巧
-
IE低版本和高级浏览器对文本输入事件兼容
-
同时兼容IE和FireFox的事件处理event代码--添加文件上传例子
-
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)_javascript技巧