Attaching a click event to multiple elements at once? [duplicate]

后端未结

关注

 4  808

遇见更好的自我

相关标签:

4条回答

我在风中等你

2020-12-14 19:47
Suppose you want to add click event to multiple elements, then set their class name as for example demo
```
demos= document.getElementsByClassName('demo');
for (var i = 0; i < demos.length; i++) {
    demos[i].addEventListener('click',redirect,false);
}
function redirect(){
    alert(this.id);
}
```
WORKING FIDDLE
0 讨论(0)
发布评论:

提交评论
- 加载中...

甜味超标

2020-12-14 19:47

Read Jquery Multiple Selector

$( "div, span, p.myClass" ).css( "border", "3px solid red" );

div, span, p {
    width: 126px;
    height: 60px;
    float: left;
    padding: 3px;
    margin: 2px;
    background-color: #eee;
    font-size: 14px;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<body>
 
<div>div</div>
<p class="myClass">p class="myClass"</p>
<p class="notMyClass">p class="notMyClass"</p>
<span>span</span>

0 讨论(0)

-上瘾入骨i

2020-12-14 19:49

Credit goes to:

Javascript click event listener on multiple elements and get target ID

articles = document.getElementsByTagName('button');
for (var i = 0; i < articles.length; i++) {
    articles[i].addEventListener('click',redirect,false);
}
function redirect(){
    alert(this);
}

<button></button>
<button></button>

0 讨论(0)

伪装坚强ぢ

2020-12-14 19:51

You could use querySelectorAll with your multiple element selectors, then add the event listeners to each one

var elements = document.querySelectorAll(".a, .b");
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener("click", function() {
    console.log("clicked");
  });
}

0 讨论(0)

热议问题