求一段定义事件代码。解决思路

求一段定义事件代码。
要实现如下功能：
网页中无论任何图片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>

求一段定义事件代码。解决思路

相关推荐