怎样在页面上检测事件和事件的对象
我现在想在页面上检测发生了什么事件,并且事件发生在哪个对象上,比如页面打开后,随便点击了一下页面的某个地方,就应该检测到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 "));
}