Onclick which element was clicked

And the value of the "id" attribute can be any string. It doesn't have to start with a letter. Jason Actually, in all the good modern browsers, the e argument is generated automatically. If it isn't, then we must be dealing with IE, which instead provides that useful object via window. Thanks this worked for me even when my id were dynamic and no other answer seemed to work. Thanks a lot. Show 4 more comments.

Mohanraj Mohanraj 3 3 silver badges 2 2 bronze badges. Adam Simpson 3, 2 2 gold badges 20 20 silver badges 26 26 bronze badges. Jay Jay 3, 5 5 gold badges 23 23 silver badges 34 34 bronze badges. How to do it without inline JavaScript or external libraries it is generally recommended to avoid inline JavaScript, but rarely is there an example of how to do it. Modern browsers Works before the document has finished loading.

Very efficient. Timo Huovinen Timo Huovinen I'm always wondering how events can be as efficient performance-wise as inline onclicks. I guess they must be harder to keep track of? A-Sharabiani A-Sharabiani Your code says: Uncaught TypeError: Cannot set property 'onclick' of undefined — alex Pang 8, gold badges 82 82 silver badges bronze badges. I think this should be the accepted answer, and " this.

DisplayName 3, 5 5 gold badges 38 38 silver badges 41 41 bronze badges. I think myButtons is an id and you using it as a class selector in jquery with a dot. I think this should be start with. This will log the id of the element that's been clicked: addFields. Mark Lee Mark Lee 7 7 bronze badges.

Didn't two other users already post this as an answer? The Overflow Blog. Podcast Explaining the semiconductor shortage, and how it might end.

Does ES6 make JavaScript frameworks obsolete? Featured on Meta. Now live: A fully responsive profile. Linked 4. See more linked questions. The same result can be achieved with a function expression :. The code above uses a function expression to store the handler function in a variable — const greeting. To invoke the handler, we use the name of the variable — and not that of the function — when defining the onclick event handler.

The function could also have been anonymous when defined. Learn more about JavaScript functions by following this link. In addition to defining the handler on an individual HTML element, you can also dynamically add a handler using JavaScript code.

There are two ways to accomplish this:. In both cases, the Button in the HTML document itself will not initially have an onclick event assigned to it when defined:. In the HTML segment above, the button has no events assigned to it. It is a plain button with text. Both approaches to adding the event handler with JavaScript require us to grab a reference to the button and append an event to it.

Below is an example of obtaining a reference to our button from the DOM:. There are various ways to get a reference to a DOM element. The code then prints the reference to the console, which is simply the HTML for defining the button:. JavaScript JavaScript Vs. Angular Js JavaScript vs. Next Topic JavaScript dblclick event. Reinforcement Learning. R Programming. React Native. Python Design Patterns. Python Pillow.

Python Turtle. Verbal Ability. Interview Questions. Company Questions. Artificial Intelligence. Cloud Computing. Data Science. Angular 7. Machine Learning.