日期:2014-05-16  浏览次数:20309 次

怎样在页面上检测事件和事件的对象
我现在想在页面上检测发生了什么事件,并且事件发生在哪个对象上,比如页面打开后,随便点击了一下页面的某个地方,就应该检测到onclick和click在那个对象上。
请各位帮忙。
谢谢!

------解决方案--------------------
//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 "));
}