onclick_eventListener

最新推荐文章于 2021-05-25 12:10:08 发布

转载最新推荐文章于 2021-05-25 12:10:08 发布 · 372 阅读

web 同时被 2 个专栏收录

707 篇文章

订阅专栏

javascript

80 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的图片点击后隐藏的方法，并展示了如何通过addEventListener和attachEvent为不同浏览器添加事件监听器。代码示例中包含了对事件处理函数的调用，实现了对页面上所有图片元素的点击响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title> onclick_eventListener </title>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body>
<script type="text/javascript">
window.onload=function(){
   var images=document.getElementsByTagName("img");
   for(var i=0;i<images.length;i++){
    var image=images[i];
    if(image.addEventListener) {
     image.addEventListener("click",hide,false);
     alert("A");
    }else{
     image.attachEvent("onclick",hide);
     alert("B");
    }
   }
};

function hide(event){event.target.style.visibility="hidden";}
</script>
<img src="welcome.png" width="571" height="411" border="0" alt="" />
<input type="button" value="Show~Hi~" onclick="alert('Hi')">
</body>
</html>