在我的一个项目中,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()
函数,然后通过 导致“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/