日期:2014-05-16  浏览次数:20304 次

求一段定义事件代码。
要实现如下功能:
网页中无论任何图片onclick事件的时候触发一个事件。
就是说,不用为每个图片编写ID,然后通过读取ID来触发事件。
表达能力差,不知道说清楚没。。。

------解决方案--------------------
JScript code

// test.js
function test(){
    var images = document.getElementsByTagName("img");
    for(var i=0;i<images.length;i++){
        images[i].onclick = function(){
            //event state
        }
    }
}

------解决方案--------------------
HTML code
<!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>