Answers for "addeventlistener event"

javascript onclick event listener

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

Posted by: Guest on July-10-2020

javascript addeventlistener

var element = document.getElementById("#id");
element.addEventListener('click', function(){
	console.log("click");
});

Posted by: Guest on May-20-2020

js addeventlistener

document.getElementById("example").addEventListener('click', function() {
  alert('Click');
});

Posted by: Guest on May-02-2021

event listener javascript

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

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

Posted by: Guest on December-31-2019

js add event listener

function eventHandler(event) {
  if (event.type == 'fullscreenchange') {
    /* gestire un interruttore a schermo intero */
  } else /* fullscreenerror */ {
    /* gestire un errore di commutazione a schermo intero */
  }
}

Posted by: Guest on January-08-2021

Source

addEventListener

<body style="height: 5000px">
 <script>
    function snap(destination) {
        if (Math.abs(destination - window.scrollY) < 3) {
            scrollTo(window.scrollX, destination);
        } else if (Math.abs(destination - window.scrollY) < 200) {
            scrollTo(window.scrollX, window.scrollY + ((destination - window.scrollY) / 2));
            setTimeout(snap, 20, destination);
        }
    }
    var timeoutId = null;
    addEventListener("scroll", function() {
        if (timeoutId) clearTimeout(timeoutId);
        timeoutId = setTimeout(snap, 200, parseInt(document.getElementById('snaptarget').style.top));
    }, true);
 </script>
 <div id="snaptarget" class="snaptarget" style="position: relative; top: 200px; width: 100%; height: 200px; background-color: green"></div>
</body>

Posted by: Guest on May-19-2020

Source