>> 您现在的位置 | 胡杨林日记 [登录] [注册
 
attachevent VS addeventlistener

写作者:steelfrog     日记本: 享受真实的放纵人生

日期:2009年02月23日  星期  

天气 

心情

   被翻看:383

  attachevent与addeventlistener区别
  适应的浏览器版本不同,同时在使用的过程中要注意
  attachevent方法 按钮onclick
  addeventlistener方法 按钮click
  
  两者使用的原理:可对执行的优先级不一样,下面实例讲解如下:
  attachevent方法,为某一事件附加其它的处理事件。(不支持mozilla系列)
  
  addeventlistener方法 用于 mozilla系列
  
  举例: document.getelementbyid("btn").onclick = method1;
  document.getelementbyid("btn").onclick = method2;
  document.getelementbyid("btn").onclick = method3;如果这样写,那么将会只有medhot3被执行
  
  写成这样:
  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 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
  
  使用实例:
  
  1。 var el = editform_document.body;
  //先取得对象,editform_document实为一个iframe
  if (el.addeventlistener){
  el.addeventlistener('click', kinddisablemenu, false);
  } else if (el.attachevent){
  el.attachevent('onclick', kinddisablemenu);
  }2。 if (window.addeventlistener) {
  window.addeventlistener('load', _uco, false);
  } else if (window.attachevent) {
  window.attachevent('onload', _uco);
  }

完成时间:2009.02.23 23:14:27

  公开状态:完 全 公 开 | 8 条留言 | 查看留言   

 

留言


留言主题: 留言在日记留言到信箱
留言内容:
      

Copyright 2002-2007 版权所有
胡杨林© All rights reserved.
服务支持拓商网