Enter Key Triggering Click Event

Asked Oct 15 '19 at 06:54

Active Oct 15 '19 at 06:56

Viewed 24 times

I have 2 events in my javascript,

$('form').submit(function (evt) {
}
$('#myButton').click(function () {
}

<button id="myButton">Button</button>
<button id="myButton2">Button2</button>

When I press ENTER key it always triggers $('#myButton').click first then $('form').submit later. How browser picking the button and then invoking its click event because I have 3 buttons.

edited Oct 15 '19 at 06:56

asked Oct 15 '19 at 06:54

Imran Qadir Baksh - Baloch

32,612
68
179
322

The question is why browser picking the button click – Imran Qadir Baksh - Baloch Oct 15 '19 at 06:56
Because you are defining #myButton as id for the button and then setting up event handler for click of the same button - #myButton. – Shikhar Tandon Oct 15 '19 at 06:59
I am pressing ENTER on a textbox – Imran Qadir Baksh - Baloch Oct 15 '19 at 07:01
This might be helpful to understand the situation https://javascript.info/bubbling-and-capturing – Casper Oct 15 '19 at 07:14

Enter Key Triggering Click Event

0 Answers0