javascript - "onclick"事件未在图像上触发以更改它

Question

<script>
    function click()
    {
        var username = prompt("Enter ur name:");
        if(username)
        {
            alert("Hi,"+username);
            document.getElementById("rockPic").src = "rocksmile.jpg";
        }
    }

</script>

    <img id = "rockPic" 
    align = "center"; 
    src = "rock.jpg";
    alt = "irock"; 
    height = 200px; 
    width = 200px;
    style = "cursor:pointer";
    onclick = "click();">

</body>

在此代码中，单击图像时必须显示“提示”框。但它什么也没做。请帮忙!

Answer 1

click 已经是原生 javascript 函数。它模拟鼠标点击。 https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

为您的函数使用不同的名称。

PS - 你的标签有一堆语法错误。删除 ; 和 height 和 width 不需要单位，只需要数字，并且 align 已过时在 html5 中的 img 上。

<script>
  function myFunc() {
    var username = prompt("Enter ur name:");
    if (username) {
      alert("Hi," + username);
      document.getElementById("rockPic").src = "rocksmile.jpg";
    }
  }
</script>

<img id="rockPic" src="http://kenwheeler.github.io/slick/img/fonz1.png" alt="irock" height="200" width="200" style="cursor:pointer" onclick="myFunc()">