js为元素添加监听事件

语法

element.addEventListener(event, function, useCapture)

第一个参数是事件的类型（比如 "click" 或 "mousedown"）。

第二个参数是当事件发生时我们需要调用的函数。

第三个参数是布尔值，指定使用事件冒泡还是事件捕获。此参数是可选的。

注意：请勿对事件使用 "on" 前缀；请使用 "click" 代替 "onclick"。

addEventListener可以对一个dom添加多个监听器，并且会顺序执行。

开发中，会遇到多个js文件都使用window.onload，然而只有最后一个绑定的生效，如下：

window.onload = func1()

window.onload = func2()

这时可以用addEventListener来解决：

window.addEventListener('load', func1)

window.addEventListener('load', func2)

1、先申明一个监听对象

2、不同按钮设置同一个监听对象

3、监听中，通过按钮的id判断是哪个按钮的点击事件

代码如下

1、new监听

OnClickListener clickListener = new OnClickListener(){

@Override

public void onClick(View v) {

if (v.getId()==R.id.button1){//按钮1

}else if(v.getId()==R.id.button2}{//按钮2

}

}

2、设置监听

Button btn1 = (Button)findViewById(R.id.button1)

Button btn2 = (Button)findViewById(R.id.button1)

btn1.setOnClickListener(clickListener)

btn2.setOnClickListener(clickListener)

---