attachEvent 与 addEventListener 对同一物件绑定事件的触发

最新推荐文章于 2024-08-26 20:25:07 发布

leiru

最新推荐文章于 2024-08-26 20:25:07 发布

阅读量320

点赞数

分类专栏： javascript 文章标签： function javascript border xhtml encoding html

本文链接：https://blog.csdn.net/leiru/article/details/3905445

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

例子1:

<form name="form">
<input type="button" name="b1" id='b1' value="text" />

<script language="javascript">
var b1 = document.getElementById('b1');

var $str = 'hello ';
if(b1.attachEvent){ //MSIE 方法
b1.attachEvent("onclick", function(){alertMsg($str)}); //为b1做触发事件
}else if(b1.addEventListener){ // W3C方法
b1.addEventListener('click',function(){ alertMsg($str)},false); }

function alertMsg(s){
alert(s);
}
</script>
</form>

例子2:

<?xml version="1.0" encoding="gb2312"?> <!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-Language" content="zh-cn" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>attachEvent 与 addEventListener 对同一物件绑定事件的触发顺序</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">#testDiv { padding:10px 10px 10px 10px; border:1px solid blue; }</style> </head> <body> <div id="testDiv">请在此点击鼠标。</div> <div id="info"></div> <mce:script language="javascript" type="text/javascript"></mce:script> </body> </html>

leiru

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
attachEvent 与 addEventListener 对同一物件绑定事件的触发

例子1: var b1 = document.getElementById(b1); var $str = hello ; if(b1.attachEvent){ //MSIE 方法 b1.attachEvent("onclick", function(){alertMsg($str)}); //为b1做触发事件}else if(b1.addEventListener
复制链接

扫一扫

专栏目录