I have some JavaScript code in an HTML page with a button. I have a function called click()
that handles the onClick
event of the button. The code for the button is as follows:
<input type="button" onClick="click()">button text</input>
The problem is that when the button is clicked, the function is not called. What am I doing wrong here?
This question is related to
javascript
html
dom-events
event-driven
click() is a reserved word and already a function, change the name from click() to runclick() it works fine
One possible cause for an item not responding to an event is when the item is overlapped by another.
In that case, you may have to set a higher z-index
for the item you wish to click on.
Today this also happened to me. The function name maybe conflicts with keywords. My case is scrape()
. I change the function name, everything works fine.
Yes you should change the name of your function. Javascript has reserved methods and onclick = >>>> click() <<<< is one of them so just rename it, add an 's' to the end of it or something. strong text`
Try fixing the capitalization. onclick
instead of onClick
Reference: Mozilla Developer Docs
I suggest you do:
<input type="button" value="button text" onclick="click()">
Hope this helps you!
Try this
<input type="button" onClick="return click();">button text</input>
<script>
//$(document).ready(function () {
function showcontent() {
document.getElementById("demo22").innerHTML = "Hello World";
}
//});// end of ready function
</script>
I had the same problem where onclick function calls would not work. I had included the function inside the usual "$(document).ready(function(){});" block used to wrap jquery scripts. Commenting this block out solved the problem.
Check you are calling same function or not.
<script>function greeting(){document.write("hi");}</script>
<input type="button" value="Click Here" onclick="greeting();"/>
Source: Stackoverflow.com