js怎样可以捕作到鼠标当前点击的是什么对象,,可以是按钮,文本框,或者图片或者其他的元素。
想要一个通用的js函数,不想要实现这样的效果:一定要在网页上的每个元素(按钮,文本框等)上面明式的绑定某个某个触发获取元素id的函数,,这样太麻烦了,如果我有几百个页面,那怎样维护得了?

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <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>
      

  2.   

    #1 +1
    这种方法叫事件代理, 因为事件是会向上冒泡的, 所以页面上的元素的事件最终也会触发document的事件.
      

  3.   

    完全没必要
    大家都这样做,有什么维护不了的?
    恐怕是你自己绑定事件函数的写法没写好,才显得麻烦还有页面中不是每个标签都需要绑定事件,大多数是没有事件函数的写好底层函数,单个标签事件绑定,批量标签的事件绑定的函数都写好,一点都不麻烦了
    比如jquery的:
    $('#id').click(function(){alert(this);});//单个绑定
    $('.className').click(function(){alert(this);});//批量绑定
    这样还麻烦么?