js怎样可以捕作到鼠标当前点击的是什么对象,,可以是按钮,文本框,或者图片或者其他的元素。
想要一个通用的js函数,不想要实现这样的效果:一定要在网页上的每个元素(按钮,文本框等)上面明式的绑定某个某个触发获取元素id的函数,,这样太麻烦了,如果我有几百个页面,那怎样维护得了?
想要一个通用的js函数,不想要实现这样的效果:一定要在网页上的每个元素(按钮,文本框等)上面明式的绑定某个某个触发获取元素id的函数,,这样太麻烦了,如果我有几百个页面,那怎样维护得了?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<script type="text/javascript">
document.onclick=function(e){
e=e||event;
alert("鼠标当前点击的是"+e.srcElement.tagName+"对象");
}
</script>
<input />
<textarea></textarea>
<img />
<a href="#">aaaaaaaaaaaaaaaaa</a>
</body>
</html>
这种方法叫事件代理, 因为事件是会向上冒泡的, 所以页面上的元素的事件最终也会触发document的事件.
大家都这样做,有什么维护不了的?
恐怕是你自己绑定事件函数的写法没写好,才显得麻烦还有页面中不是每个标签都需要绑定事件,大多数是没有事件函数的写好底层函数,单个标签事件绑定,批量标签的事件绑定的函数都写好,一点都不麻烦了
比如jquery的:
$('#id').click(function(){alert(this);});//单个绑定
$('.className').click(function(){alert(this);});//批量绑定
这样还麻烦么?