javascript attachEvent 事件
我用 attachEvent 来动态添加事件 可没有什么效果
大家帮我看看错在哪里呢!
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态注册事件</title>
<script type="text/javascript">
var obj = document.getElementById("btn");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
obj.addEventListener('click', alert('第一个方法(非IE浏览器)'), false);
obj.addEventListener('click', alert('第二个方法(非IE浏览器)'), false);
obj.addEventListener('click', fun3, false);
}
else{ // IE
obj.('onclick', function(){alert('第一个方法(IE浏览器)');});
obj.attachEvent('onclick', function(){alert('第二个方法(IE浏览器)');});
obj.attachEvent('onclick', fun3);
}
function fun3(){
alert("第三个方法(IE浏览器)");
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="button" id="btn" value="注册事件方法" />
</form>
</body>
</html>
大家帮我看看错在哪里呢!
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态注册事件</title>
<script type="text/javascript">
var obj = document.getElementById("btn");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
obj.addEventListener('click', alert('第一个方法(非IE浏览器)'), false);
obj.addEventListener('click', alert('第二个方法(非IE浏览器)'), false);
obj.addEventListener('click', fun3, false);
}
else{ // IE
obj.('onclick', function(){alert('第一个方法(IE浏览器)');});
obj.attachEvent('onclick', function(){alert('第二个方法(IE浏览器)');});
obj.attachEvent('onclick', fun3);
}
function fun3(){
alert("第三个方法(IE浏览器)");
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="button" id="btn" value="注册事件方法" />
</form>
</body>
</html>
...全文
相关推荐
javascript attachEvent绑定多个事件执行顺序问题
执行顺序是没有规律的,但是每次执行的顺序是一样的,如果是随机那么应该每次执行的顺序都不一样才对,这才是我想要说明的
JavaScript事件机制详细研究
JavaScript事件机制详细研究
JavaScript调用Activex控件的事件的实现方法
最近在搞一个客户端调用activex控件的开发。一些实现方法小结,需要的朋友可以参考下。
JavaScript中attachEvent与addEventListener事件绑定详解
在Web开发中,事件驱动是实现用户交互的核心机制之一。JavaScript通过事件绑定将函数与特定的用户行为(如点击、鼠标移动、键盘输入等)关联起来,从而实现动态响应。随着浏览器技术的发展,事件绑定方式经历了从早期的内联事件处理到现代标准化API的演进。// 传统内联绑定(不推荐)element.onclick = function() { /* 处理逻辑 */ };// 现代标准绑定本章系统介绍了事件流模型(捕获、目标、冒泡)、两种主流注册方式的历史背景及设计差异,并引出为何与。
多种方法实现JS动态添加事件
JS动态添加事件的方法有很多,我们可以使用setAttribute、attachEvent 和 addEventListener等等,感兴趣的朋友可以参考下


