定义和处理事件
有几种定义事件处理的方式，根据使用时的场合自己选择合适的用法。
1）在标签上指定事件处理函数
<button onclick="click_me" id="btnclick">点我</button>
简单事件处理
function click_me() {
alert("你点了我！^_^");
}
2）使用JS添加事件1
document.getElementById("btnclick").onclick = function() {
alert("你点了我！^_^");
}
3）使用JS添加事件2
function on(dom, eType, func) {
if(dom.addEventListener) { // DOM 2.0
dom.addEventListener(eType, function(e){
func(e);
});
} else if(dom.attachEvent){ // IE5+
dom.attachEvent('on' + eType, function(e){
func(e);
});
} else { // DOM 0
dom['on' + eType] = function(e) {
func(e);
}
}
}
//
on(document.getElementById("btnclick"), "click", function(){
alert("你点了我！^_^");
});
事件处理函数中的this是啥？
// this就是拥有这个事件的对象（被定义、注册事件的对象）；
function click_me() {
alert(this);
}
如何在事件中传递对象和参数？
事件处理函数中只能有一个对象被传递（event），如何在事件处理中获取额外的参数？
function do_cust_act(event) {
// event.currentTarget，也就是this，他是被绑定事件的对象，当事件被触发前可以对这个对象定义一个属性，将需要传递的值赋给自定义属性，在这个事件中就可以拿到。
// event.target
}
具体如下：
Calendar = function(id) {
this.id = id;
...
this.init = function() {
// 获取按钮对象，点击此按钮触发事件。
var btnToNextMonth = ...;
// 给按钮（下个月）赋值，因为事件中需要调用Calender对象
btnToNextMonth.mgrobj = this;
// 给下个月按钮添加事件
btnToNextMonth.addEventListener("onclick", this.toNextMonth)
}
...
// 事件处理程序
this.toNextMonth = function() {
// 从this中获取Calendar对象，注意这个函数里的this，它==event.currentTarget，而不是Calendar的this；
alert(this.mgrobj.id)
}
}