在包含图像的 Div 上设置 EventListener 不触发功能
发布于2022-11-22 00:24 阅读(1158) 评论(0) 点赞(6) 收藏(5)
我在 div 元素中放置了一个图像，并在其上设置了一个 clicklistener，但该方法onGermanFlagClicked没有执行。
<div style="position: absolute; top: 10px; padding-left: 10px;" id="de">
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/b/ba/Flag_of_Germany.svg/1280px-Flag_of_Germany.svg.png" heigth="50px" width="50px"/>
</div>
<script>
var germanFlag = document.getElementById("de");
germanFlag.addEventListener("onclick", onGermanFlagClicked);
/* Changing language here */
function onGermanFlagClicked(event){
event.preventDefault();
console.log("clicked");
}
</script>我怎样才能解决这个问题？
解决方案
它是：germanFlag.addEventListener("click", onGermanFlagClicked);
不是germanFlag.addEventListener("onclick", onGermanFlagClicked);。看一下这个。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/456593/154bdc04a2fcdcaf0a27/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力