现在的位置: 首页 > 综合 > 正文

JS事件模型

2013年06月20日 ⁄ 综合 ⁄ 共 738字 ⁄ 字号 评论关闭
 //1、事件委托 : 将某个事件委托给一个方法来执行
document.onmousedown
= mouseDown ;

//2、事件定义 :
定义这个方法

function mouseDown(ev){
       ev  =
ev || window.event;
       var target = ev.target || ev.srcElement;

       if(target.onmousedown ||
target.getAttribute('DragObj')){
           return
false;
       }
}

//3、声明监听 : 创建某个控件的监听器
function
addMousedowListener(item){
    if(!item) return;
   
item.onmousedown = function(ev){
          alert(this.name);
    }
}

//4、添加监听 :  为某个控件添加监听,以便使其触发事件
window.onload =
function(){
        
addMousedowListener(document.getElementById("someoneElement1"));
         addMousedowListener(
document.getElementById("someoneElement2"));
         addMousedowListener(
document.getElementById("someoneElement3"));
         addMousedowListener(
document.getElementById("someoneElement4"));
}

抱歉!评论已关闭.