JavaScript中的onclick事件

Question

JavaScript中的onclick事件

javascript

5

我对JavaScript非常陌生。我知道可以将onclick=""事件添加到HTML元素中，但是在JavaScript本身中是否有可能声明当某人单击x元素时触发一个事件？

- JimBo

3个回答

1

可能最好的方法是事件监听器。

<button id="x">click on me</button>
<script src="main.js">
    const button = 
    document.getElementById("x");
       
    button.addEventListener("click" () => {
    alert("hello world")
})
    /*
    it might not be as good in small 
    projects, but in large ones, this 
    saves a ton of time.
    */
</script>

- Hellcodes.js

1

你最好利用jQuery来完成这个。它易学易用。

http://api.jquery.com/click/

- Keith Adler

3

除非楼主想做一些复杂的事情，否则我认为使用jQuery会过于繁琐。 - Javier

2

Jquery 绝对不会过度，因为它将在很大程度上解决多浏览器问题。 - MLefrancois

getElementById 在所有浏览器中的工作方式都不同。例如，在 IE8 中它是区分大小写的，在早期版本中它不符合 W3C 标准并且存在各种已知问题。然而，不仅仅是 IE 有问题。你的 less is more 的说法是有道理的，但 jQuery 是一个确保跨用户代理兼容性的层，值得利用。 - Keith Adler

1

不显眼的JavaScript。我同意，这种情况下并不一定需要jQuery。 - Russ Cam

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Matchu · Accepted Answer

<input id="myElement" type="button" value="Click me!" />
<script type="text/javascript">
    document.getElementById('myElement').onclick = function () {
        alert('Hello, world!');
    }
</script>

确保您在元素已存在时运行此代码（脚本放在底部），或在DOM准备好后运行。（您可以使用window.onload来实现，但您可能希望从一开始就使用jQuery，以便获得一个神奇的DOM准备函数，等等。 onload有一些缺点，比如等待图像加载。）