JavaScript button onclick not working

前端未结

关注

 5  833

无人及你

相关标签:

5条回答

北恋

2021-01-07 08:06

Note to other developers coming across this, you can run into this if you use a reserved method names e.g. clear.

<!DOCTYPE html>
<html>
<body>
  <button onclick="clear()">Clear</button>
  <button onclick="clear2()">Clear2</button>
  <script>
  function clear() {
    alert('clear');
  }
  function clear2() {
    alert('clear2');
  }
  </script>
</body>
</html>

0 讨论(0)

后悔当初

2021-01-07 08:07
I had a similar issue. I had child.js and a common.js files. In my case, My HTML file was using both the JS files and both of them had a function with the same name,

child.js
```
function hello(){}
```
and also

common.js
```
function hello(){}
```
After I remove one of these my code works fine and onclick started working. hope this helps!
0 讨论(0)
发布评论:

提交评论
- 加载中...
感情败类

2021-01-07 08:09
There is no problem with your code.. run this snippet
```
function hello() {
alert('Hello');
}
```
```
<button onclick="hello();">Hello</button>
```
and if you want to alert this on window load. change your code like this way
```
(function(){
  alert('hello')
})();
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

余生分开走

2021-01-07 08:11

How about this?

<button id="hellobutton">Hello</button>
<script>
function hello() {
alert('Hello');
}
document.getElementById("hellobutton").addEventListener("click", hello);
</script>

P.S. You should place hello() above of the button.

0 讨论(0)

爱一瞬间的悲伤

2021-01-07 08:14

Ran into this problem myself so I can confirm something's not right. The difference is that I am generating the DOm Element at runtime. Replacing onclick with onmousedown seemed to do the trick if you can't find a place to addEventListener in your code.

0 讨论(0)
发布评论:

提交评论
- 加载中...

热议问题