读书人

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

发布时间: 2012-09-19 13:43:53 作者: rapoo

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

[解决办法]

JScript code
// test.jsfunction 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> 

读书人网 >JavaScript

热点推荐