zoukankan      html  css  js  c++  java
  • WEB前端问题——img标签的onclick事件无法响应问题【转载】

    一个纠结了一下午的问题,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" onclick="minus()" />
    
     <script type="text/javascript"> 
        function minus() {
            alert("message")
        }
        </script>
    
    <img alt="减少" name="minus" src="images/_h.png" width="35" onclick="minus()" />

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

  • 相关阅读:
    「考试」省选62
    「考试」省选61
    「考试」省选59
    「刷题」THUPC泛做
    「考试」省选58
    「考试」省选57
    「考试」省选56
    「考试」省选55
    「考试」省选54
    「考试」省选52
  • 原文地址:https://www.cnblogs.com/jooy/p/8377777.html
Copyright © 2011-2022 走看看