javascript - onmousedown 事件似乎没有触发

标签 javascript html onmousedown

在我的一个项目中,onmousedown 事件在本应触发单独 JavaScript 文件中的函数时似乎没有执行任何操作。

我尝试将 onmousedownonClick 合并到一个小测试文件中的按钮上,以查看这是否只是项目中的问题,但它不起作用或者,让我相信我一定做错了什么......

这是我的 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() 函数,然后通过 导致“SUCCESS”出现网页中按钮旁边的span元素;但这不适合我。

我尝试在 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>

关于javascript - onmousedown 事件似乎没有触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38364759/

相关文章:

javascript - 在第一次/最后一次点击时循环、显示和隐藏文本/div

javascript - iOS PWA - 打开 map 返回到空白屏幕

javascript - Angularjs Factory 延迟数据消失

javascript - 从Javascript中的字符串中提取以某个字符开头的单词

html - IE11 表格单元格高度

javascript - 从左侧滑入

javascript - 为了选择或聚焦对象,如何使右键单击行为与左键单击相同

javascript - 当 onmousedown 时 javascript

javascript - 多个文件 - 在 DIV 中预览

JavaScript mousedown 仅在第二次单击时有效