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

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

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

<script type="text/javascript">

    function minus() {

        alert("message")

    }

    </script>

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

 <script type="text/javascript">

    function minus() {

        alert("message")

    }

    </script>

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

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

巴特西

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

最新文章

热门文章