<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<script src="lib/jquery/jquery-1.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(
function(){
var element = $('#vstar')[0];
element.addEventListener('Click',
function(event){
say('Whee once!');
},
false);
element.addEventListener('onClick',
function(event){
say('whee twice!');
},
false);
element.addEventListener('onClick',
function(event){
say('Whee three times!');
},
false);
}
);
function say(text){
$('#console').append('<div>'+text+'</div>');
} </script>
<body id='greatgrandpa'>
<div id='grandpa'>
<div id='pops'>
<img id='vstar' src='http://www.google.cn/intl/zh-CN/images/logo_cn.gif'/>
</div>
</div>
<div id="console"></div>
</body>
</html>报错:
网页错误详细信息用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; CIBA)
时间戳: Tue, 2 Feb 2010 14:42:13 UTC
消息: 对象不支持此属性或方法
行: 34
字符: 5
代码: 0
URI: file:///C:/Users/Administrator/Documents/Aptana%20Studio%20Workspace/JQueryDemo/event.html为什么不支持addEventListener方法?这不是DOM2里的方法么?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<script src="lib/jquery/jquery-1.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(
function(){
var element = $('#vstar')[0];
element.addEventListener('Click',
function(event){
say('Whee once!');
},
false);
element.addEventListener('onClick',
function(event){
say('whee twice!');
},
false);
element.addEventListener('onClick',
function(event){
say('Whee three times!');
},
false);
}
);
function say(text){
$('#console').append('<div>'+text+'</div>');
} </script>
<body id='greatgrandpa'>
<div id='grandpa'>
<div id='pops'>
<img id='vstar' src='http://www.google.cn/intl/zh-CN/images/logo_cn.gif'/>
</div>
</div>
<div id="console"></div>
</body>
</html>报错:
网页错误详细信息用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; CIBA)
时间戳: Tue, 2 Feb 2010 14:42:13 UTC
消息: 对象不支持此属性或方法
行: 34
字符: 5
代码: 0
URI: file:///C:/Users/Administrator/Documents/Aptana%20Studio%20Workspace/JQueryDemo/event.html为什么不支持addEventListener方法?这不是DOM2里的方法么?
{
$("#vstar").click(function()
{
$('#console').html('Whee once!');
);
});
attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)写成这样:var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1
=================================如果是Mozilla系列,并不支持该方法,需要用到addEventListener
addEventListener方法 用于 Mozilla系列
var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);
执行顺序为method1->method2->method3