All Languages >> Javascript >> event listener javascript

“event listener javascript” Code Answer’s

javascript onclick event listener

javascript by Batman

on Jul 10 2020 Comment

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});

event listener javascript

javascript by Levaillant's Barbet on Dec 31 2019 Comment

const element = document.querySelector(".class__name");

element.addEventListener("click", () => {
	console.log("clicked element");
});

javascript eventlistener

typescript by Shiny Shrike on Sep 23 2020 Comment

document.addEventListener('click', () => {
    
});

eventlistener javascript

javascript by digitalNomadKg on Mar 04 2021 Comment

document.querySelector("button").addEventListener("click", handle);

function handle() {
  alert("I got clicked")
}

event listener javascript

javascript by DaAshPikachu

on Oct 05 2020 Comment

document.querySelector('div').addEventListener('click', () => {
  console.log('div clicked');
});

event listener javascript

javascript by Dangerous Duck on Jun 04 2021 Comment

//DOM Level 2 Event Listener (Advanced technique to call an event)
document.getElementById("btn2").addEventListener('click', () => {
    alert("hello world");
}, false);
//our third param of DOM Level 2 Event Listener
// false = event trigger from bottom to top(bubbling phase)
// true = event trigger from top to bottom (capturing phase)


//TRADITIONAL DOM EVENT HANDLERS (very old)
function show_alert() {
    alert("hello world");
}
document.getElementById("btn1").onclick = show_alert;

Add a Grepper Answer