Js addeventlistener

2021-01-30 02:54:28

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

2

Josh

Code: Javascript

2021-03-19 23:48:53


 document.getElementById("myBtn").addEventListener("click", function() {
  myFunction(p1, p2);
});

7

user50780

Code: Javascript

2021-01-26 14:43:13

var element=document.getElementById("some_id");
var listener=element.addEventListener('click',function(event){                          
            
 });

12

user1720606

Code: Javascript

2021-03-19 23:50:28


 document.getElementById("myBtn").addEventListener("click", function() {
  document.getElementById("demo").innerHTML = "Hello World";
});

1

eglim

Code: Javascript

2021-03-19 23:49:59


 document.getElementById("myBtn").addEventListener("click", function(){
  this.style.backgroundColor = "red";
});

4

Gt_R

Code: Javascript

2021-01-31 10:40:13


 document.getElementById("myBtn").addEventListener("click", displayDate);

2

Roberta Davies

Code: Javascript

2021-03-19 23:49:28


 document.getElementById("myBtn").addEventListener("mouseover", myFunction);
document.getElementById("myBtn").addEventListener("click", someOtherFunction);

 document.getElementById("myBtn").addEventListener("mouseout", someOtherFunction);

2

user1572206

Code: Javascript

2021-03-19 23:48:10


 var x = document.getElementById("myBtn");
if (x.addEventListener) {                    // For all major browsers, except IE 8 and earlier

    x.addEventListener("click", myFunction);
} else if (x.attachEvent) {                  // For IE 8 and earlier versions

    x.attachEvent("onclick", myFunction);
}

1

Yong-gyu Choi

Code: Javascript

2021-03-14 15:45:00

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

1

Eimhin Walsh

Code: Javascript

2021-03-19 23:47:15


 // Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);

1

Varun Nair

Code: Javascript

2021-09-08 10:52:59

<body style="height: 5000px">
 <style>
    body, /* blink currently has bug that requires declaration on `body` */
    html {
      scroll-snap-type: y proximity;
    }
    .snaptarget {
      scroll-snap-align: start;
      position: relative;
      top: 200px;
      height: 200px;
      background-color: green;
    }
 </style>
 <div class="snaptarget"></div>
</body>

1

Tags

Related

New to Communities?