1. 获取document 元素对象
不能用Jquery $("show"); 的方式获取,这样获取的是 jQuery 对象,无法加事件句柄。
var dom = document.getElementById("show");
2. W3C类型的浏览器加事件句柄
dom.addEventListener(click, functionName, false);
a. click: 事件的类型,不要on
b. functionName: 函数的名称,不要括号
c. false: true是捕获类型,false是冒泡类型,默认是false
3. W3C类型的浏览器取消 事件句柄
dom.removeEventListener(click, functionName, false);
这三个参数要完全与 addEventListener 的参数相同。
4. IE8支持的加 事件句柄
dom.attachEvent(onclick, functionName);
onclick: 事件类型,要on
functionName: 函数的名称,不要括号。
4. IE8支持的取消事件句柄
dom.detachEvent(onclick, functionName);
这两个参数要完全与 attachEvent 的参数相同。
5. 兼容两种浏览器的写法