[Solved] HTML button vs jQuery (or js) to handle click event?

Question

If you only want to handle click events, then it doesn’t matter.

If you want to handle a button being activated, then you can’t simulate that by simply binding a click event on any kind of element. A button isn’t only activated by clicking it, you can for example activate it by using the tab key to move focus to it, and press space. (Exact function may differ between browsers.)

You should try to use HTML elements that were designed for the action that you want to use, even if you take over everything with JavaScript. They not only look and react in a specific way, people who for example uses screen readers rely on being able to navigate pages in other ways than pointing and clicking.

Accepted Answer

If you only want to handle click events, then it doesn’t matter.

If you want to handle a button being activated, then you can’t simulate that by simply binding a click event on any kind of element. A button isn’t only activated by clicking it, you can for example activate it by using the tab key to move focus to it, and press space. (Exact function may differ between browsers.)

You should try to use HTML elements that were designed for the action that you want to use, even if you take over everything with JavaScript. They not only look and react in a specific way, people who for example uses screen readers rely on being able to navigate pages in other ways than pointing and clicking.