要实现如下功能:
网页中无论任何图片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>