Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to check whether a Button is clicked by using JavaScript

Is there a simple way to do something along these lines:

JavaScript:

if(document.getElementById('button').clicked == true) {    alert("button was clicked"); } 

HTML:

<input id="button" type="submit" name="button" value="enter"/> 
like image 289
Ruth Avatar asked May 07 '10 11:05

Ruth


People also ask

How do you check if a button has been clicked in jQuery?

Show activity on this post. jQuery(':button'). click(function () { if (this.id == 'button1') { alert('Button 1 was clicked'); } else if (this.id == 'button2') { alert('Button 2 was clicked'); } });


2 Answers

You can add a click event handler for this:

document.getElementById('button').onclick = function() {    alert("button was clicked"); }​;​ 

This will alert when it's clicked, if you want to track it for later, just set a variable to true in that function instead of alerting, or variable++ if you want to count the number of clicks, whatever your ultimate use is. You can see an example here.

like image 88
Nick Craver Avatar answered Sep 28 '22 13:09

Nick Craver


Try adding an event listener for clicks:

document.getElementById('button').addEventListener("click", function() {    alert("You clicked me"); }​);​ 

Using addEventListener is probably a better idea then setting onclick - onclick can easily be overwritten by another piece of code.

You can use a variable to store whether or not the button has been clicked before:

var clicked = false document.getElementById('button').addEventListener("click", function() {    clicked = true }​);​ 

addEventListener on MDN

like image 28
ecc521 Avatar answered Sep 28 '22 14:09

ecc521