eventlistener code example
Example 1: event listener javascript
const element = document.querySelector(".class__name");
element.addEventListener("click", () => {
console.log("clicked element");
});
Example 2: javascript add listeners to class
var classname = document.getElementsByClassName("classname");
var myFunction = function() {
var attribute = this.getAttribute("data-myattribute");
alert(attribute);
};
for (var i = 0; i < classname.length; i++) {
classname[i].addEventListener('click', myFunction, false);
}
Example 3: js addeventlistener
var element=document.getElementById("some_id");
var listener=element.addEventListener('click',function(event){
});
Example 4: javascript pass parameter to event listener
var someEventHander=function(){
console.log(event,param1,param2);
}
document.getElementById("someid").addEventListener('click',someEventHander.bind(event,param1,param2));
Example 5: javascript event listener
element.addEventListener("click", function(){
element.innerText = "something";
});
Example 6: javascript addeventlistener
$("#id / .class").on('click', function(){
console.log("click");
});