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);