求一段定义事件代码。

要实现如下功能：
网页中无论任何图片onclick事件的时候触发一个事件。
就是说，不用为每个图片编写ID，然后通过读取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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function init(){
    var a=document.images;
    for(var i=0;i<a.length;i++){
    a[i].onclick=ss;
    }
    }
    function ss(){
    alert(this.src);
    }
    window.onload=init;
    </script>
    </head><body>
    <img src="7.jpg">
    <img src="2.jpg">
    <img src="4.jpg">
    </body>
    </html>
    这样试试
      

  2.   

    或者用 document.getElementsByTagNamehttp://www.w3school.com.cn/htmldom/met_doc_getelementsbyname.asp
      

  3.   


    // test.js
    function test(){
    var images = document.getElementsByTagName("img");
    for(var i=0;i<images.length;i++){
    images[i].onclick = function(){
    //event state
    }
    }
    }
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    </head><body>
    <img src="7.jpg">
    <img src="2.jpg">
    <img src="4.jpg">
    <script type="text/javascript" src="test.js"></script>
    </body>
    </html>
      

  4.   

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>test</title>
    </head><body>
    <img src="1.jpg">
    <img src="2.jpg">
    <img src="3.jpg">
    <script type="text/javascript">
    document.onclick = function(event){
    var e = event || window.event,
    target = e.target || e.srcElement;
    if(target.tagName === "IMG"){
    alert("点击了图片！");
    }
    }
    </script>
    </body>
    </html>