addEventListener监听方法


按钮监听事件响应
首先我们需要获取一个按钮的handle,获取的方法很简单,代码如下:
var btn = document.getElementById("btnExample");
然后给btn添加事件监听:
btn.addEventListener("click", btn_click_function, false);
现在当我们对id为btn的按钮点击的时候,就会触发btn_click_function函数,这个函数是
一个匿名的函数;

可以是匿名的回调函数(假如不太懂,请百度),也可以是自己写的一个函数,在这里调用。
这里说明下,这些函数都会传入一个event的参数。这个参数有很多属性,并且涉及到第三
个为false的参数,我们后面讨论。

对于这两种方法我分别都放一个例子:

匿名回调函数

var exportBtn = document.getElementById("createImageData");

exportBtn.addEventListener("click",function() {
//write function code here
}, false);


自己命名回调函数

var exportBtn = document.getElementById("createImageData");
exportBtn.addEventListener("click", createImageDataPressed, false);

原文地址:https://www.cnblogs.com/Jerry-spo/p/6437108.html