请教一个事件捕捉的问题（在线等）

stalin 2006-01-09 01:20:55

比如我的页面中有很多button，每个button都有自己的onClick事件，现在我想统一协截获这些事件，进行一些处理后再调用原有的f1(),f2(),f3()等等。

<input type="button" name="b1" onClick="f1();">
<input type="button" name="b2" onClick="f2();">
<input type="button" name="b3" onClick="f3();">
<input type="button" name="b4" onClick="f4();">
...

请问怎么处理？？

...全文

90 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

stalin 2006-01-10

打赏
举报

1楼上的方法是通过在total里调用f1(),f2(),f3()，如果有很多的话，这种办法并不好。我已找到了解决办法，通过addEventListener/attachEvent来串联事件，顶自已一下

ice_berg16 2006-01-09

打赏
举报

document.onclick = function(e){
//在这里判断是点了哪个按钮,然后进行处理
e = window.event || e;
target = e.srcElement || e.target; //target即触发事件的对象

}

rightyeah 2006-01-09

打赏
举报

可以写在ｂｏｄｙ的ｏｎｃｌｉｃｋ里面，然后检查event.srcElement是否指定的对象，用switch来选择做不同的事情

------------------玄之又玄，众妙之门

DeluxWorld 2006-01-09

打赏
举报

<body onload="button_click()">
<script language="JavaScript">

function button_click(){
obj = document.getElementsByTagName('input');
for(var i=0;i< obj.length; i++){
if(obj[i].type == 'button'){
obj[i].onclick = total;
}
}
}

function total(){
....f1();
....f2();
....f3();
}
</script>
<input type="button" name="b1">
<input type="button" name="b2">
<input type="button" name="b3">
<input type="button" name="b4">
</body>