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按钮应该触发click()中的main.js功能，然后导致＆＃34; SUCCESS＆＃34;通过网页中按钮旁边的span元素显示;这对我来说并不适合。

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

Answer 1

由于您将函数命名为undefined，因此无法正常工作。我将名称更改为'click'，您的代码运行正常！

＆＃13;

'press'

＆＃13;

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

＆＃13;

Answer 2

试一试：

＆＃13;

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

＆＃13;

onmousedown事件似乎不是触发器

2 个答案: