Question

我有两个这样的div：

  <div id="sun"  > </div>  <div  id="thu" > </div>

我希望其中一个人点击eventListener

document.getElementById(currentId).addEventListener("click",function(e){});

激活所选的一个知道div的id。

Answer 1

你需要这个：

function eventHandler(e) {
   //what needs to be done after user clicks the divs will come here
}

document.getElementById('sun').addEventListener("click", eventHandler, false);
document.getElementById('thu').addEventListener("click", eventHandler, false);

Answer 2

这很简单。基本上，事件回调函数的上下文是单击的实际html元素。所以“this”选择器是事件的实际来源。

document.getElementById(currentId).addEventListener("click",function(e){
        var id=this.getAttribute('id');
});

Answer 3

我认为你正在为这两个div寻找一个常见的事件处理。

如果是，那么你可以通过给两个div提供公共类来实现这一点，然后通过类选择器注册事件处理程序，如下所示：

HTML code：

<div id="sun" class="myClass"> </div> 
<div id="thu" class="myClass" > </div>

java脚本代码：

var classname = document.getElementsByClassName("myClass");
 for(var i=0;i<classname.length;i++){
        classname[i].addEventListener('click', event_handler_name, false);
    }

或

$('.myClass').click(event_handler_name);

jQuery为你做循环部分，你需要在普通的javascript中做。

如何处理多个eventListener？

3 个答案: