<!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里的方法么?

解决方案 »

  1.   

    $(document).ready(function()
    {
    $("#vstar").click(function()
    {
    $('#console').html('Whee once!');
    );
    });     
      

  2.   

    注意:
    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