WEB前端问题——img标签的onclick事件无法响应问题

最新推荐文章于 2021-06-16 22:34:24 发布

lin505494784

最新推荐文章于 2021-06-16 22:34:24 发布

阅读量3w

点赞数 6

分类专栏： WEB前端文章标签： img onclick javascript html 标签

本文链接：https://blog.csdn.net/lin505494784/article/details/24321949

版权

WEB前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一个纠结了一下午的问题，img标签里面的onclick事件无法响应。最终找到了错误原因，是因为img标签的id与onclick事件的方法名相同。

于是接着又测试了一下，发现name名和方法名相同也会导致该错误。

<script type="text/javascript"> 
    function minus() {
		alert("message")
	}
    </script>

<img alt="减少" id="minus" src="images/_h.png" width="35" οnclick="minus()" />

 <script type="text/javascript"> 
    function minus() {
		alert("message")
	}
    </script>

<img alt="减少" name="minus" src="images/_h.png" width="35" οnclick="minus()" />

这样不仅会导致img的onclick事件无法响应，同时会导致页面上的其他标签也无法正常响应事件。但是其他标签比如button，input中的text标签等的id与事件同名则不会导致该问题。原因不明，推测该问题会导致浏览器出错。