onmousedown 事件似乎没有触发

The onmousedown Event Doesn't Seem to be Triggering

本文关键字：事件 onmousedown      更新时间：2023-09-26

在我的一个项目中，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 的笔中做同样的事情，它似乎也不起作用。更奇怪的是，我根本没有出现任何错误......我错过了什么？

它不起作用，因为您将函数命名为 '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>

试试吧：

<!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>

相关文章：