onmousedown 事件似乎没有触发

Question

在我的一个项目中，onmousedown 事件本应触发单独的 JavaScript 文件中的函数，但它似乎没有做任何事情。

我尝试将 onmousedown 和 onClick 合并到一个小测试文件中的按钮上，看看它是否只是项目中的问题，但它也没有用，导致我相信我一定做错了什么......

这是我的 test.html 文件：

<!DOCTYPE html>
<html>
  <body>
    <button onmousedown="click()">Click</button>
    <span id="testSpan"></span>

    <script type="text/javascript" src="main.js"></script>
  </body>
</html>

这是我的 main.js 文件：

function click() {
  document.getElementById("testSpan").innerHTML = "SUCCESS";
}

解释一下，HTML按钮应该触发main.js中的click()功能，然后通过span使"SUCCESS"出现网页中按钮旁边的元素；这不适合我。

我曾尝试在 codepen.io 上用钢笔做同样的事情，但似乎也没有用。更奇怪的是，我根本没有出现任何错误……我错过了什么？

Answer 1

它不起作用，因为您将函数命名为 'click'。我将名称更改为 'press'，您的代码工作正常！

function press() {
  document.getElementById("testSpan").innerHTML = "SUCCESS";
}

<!DOCTYPE html>
<html>
  <body>
    <button onmousedown="press()">Click</button>
    <span id="testSpan"></span>

    <script type="text/javascript" src="main.js"></script>
  </body>
</html>

Answer 2

试一试：

<!DOCTYPE html>
<html>
  <body>
    <button  onmousedown="window.click()">Click</button>
    <span id="testSpan"></span>

    <script>
            function click() {
      document.getElementById("testSpan").innerHTML = "SUCCESS";
    }
      </script>
  </body>
</html>

onmousedown 事件似乎没有触发

The onmousedown Event Doesn't Seem to be Triggering

html

javascript

onmousedown