How do I bind an html event such as onclick to a function myFunc(e){}?
I do not want to use document.getElementByClass or Id.
I do not want use jQuery.
-
You want your click to trigger a function?edkeveked– edkeveked2017-11-19 04:52:28 +00:00Commented Nov 19, 2017 at 4:52
-
Yes. Click would be great. Just curious about the (e) event and binding somehow.Nick– Nick2017-11-19 04:56:54 +00:00Commented Nov 19, 2017 at 4:56
-
There are a lot of SO where you can get what you want to do.edkeveked– edkeveked2017-11-19 04:59:11 +00:00Commented Nov 19, 2017 at 4:59
-
Possible duplicate of onclick event handler in javascript code, not html tagedkeveked– edkeveked2017-11-19 05:01:06 +00:00Commented Nov 19, 2017 at 5:01
Add a comment
|
3 Answers
Try this:
document.getElementsByTagName('body')[0].addEventListener('click', function(){alert("you clicked on the page")})
This adds an event listener to the body tag. Once you click on the page, it will fire the alert function.
You can get the elements by either class name, id and/or tag name:
document.getElementById('someId')
document.getElementsByClassName('someClassName')
document.getElementsByTagName('body')
Keep in mind, the "getElementsByClassName" and "getElementsByTagName" return arrays, so you might want to add the index like this
getElementsByTagName('body')[0]
document.getElementsByClassName('someClassName')[1]
...
Comments
If it's still the 1990s where you are and jQuery hasn't been invented, then sure:
<div onclick="myFunc">
</div>
First you must find the element on the page, for example var element = document.getElementById('clickme'), then you must add a listener to the click event element.addEventListener('click',function)
