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);
}
//add listener
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

//with jQuery
$("#id / .class").on('click', function(){
	console.log("click");
});

Tags:

Java Example