unable to access click event of a button in javascript

Question

I want to access the click event of an element on my HTML page.

So, in chrome, I right-clicked the element -> selected Inspect element and got the following

<button type="submit" class="btn btn-primary" id="ben-count-submit">Update</button>

I then went to a js page and wrote the following

$("#ben-count-submit").click(function () {      
        console.log("clicked on the update button");
    });

However, when I click on the button, I don't see any console log. It just takes me back to the home page of the web site and shows the url as the start page of the site appended with a '?' at the end as follows

http://localhost/myproject/start/?

How do I access the click event of this button? Where am I going wrong?

possible duplicate of Jquery: Prevent reloading page when pressing input type=submit — JJJ
– JJJ, Commented May 10, 2015 at 19:21
Sometimes you need reload the page, doing it you can change everyhthing. — Roman C
– Roman C, Commented May 10, 2015 at 19:24
If you are submiting form than use onsubmit function in form tag — Sachink
– Sachink, Commented May 10, 2015 at 19:25

renakre · Accepted Answer · 2015-05-10 19:23:03Z

1

Since your button is submit type, the button causes page refresh, you need to use preventDefault().

$("#ben-count-submit").click(function (event) {      
      event.preventDefault();
});

answered May 10, 2015 at 19:23

renakre

8,3318 gold badges55 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

saltandwater Over a year ago

thanks. It worked. I can't upvote since I don't have the reputation. Will come back when I have enough points.

renakre Over a year ago

@saltandwater do not wory, happy to help!

Collectives™ on Stack Overflow

unable to access click event of a button in javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related