简单点说，事件是‘怎么了’，方法就是‘怎么办’
js中事件分为三大类：鼠标事件、键盘事件、html事件。如：鼠标事件click，当元素容器被点击时，响应
方法呢，就是对一段代码的封装、打包。打个比方，吃kfc，发现有不少的人喜欢点个原味鸡的时候再来个香辣鸡翅、饮料、奥尔良一起吃。所以kfc直接把这几个组一组，弄了一个全家桶，以后遇到类似喜好的人，就让他点这个套餐，方便还有优惠。js中封装函数一个道理，方便调用，减少代码重复度。
一般情况下，事件与方法是连贯使用的，比如登录按钮（button）触发了点击（click）事件，就调用封装好的登录方法（function login(){}）,最终完成操作。
<button>登录</button><script>
//添加点击事件
$("button").click(function(){
login()
})
//封装登录方法
function login(){
//登录...
}
</script>
有些时候需要动态加载javascript事件的一些方法往往我们需要在
JS
中动态添加事件，这就涉及到浏览器兼容性问题了，以下谈及的几种方法，我们也常常混合使用。
方法一、setAttribute
var
obj
=
document.getElementById("obj")
obj.setAttribute("onclick",
"javascript:alert('测试')")
这里利用
setAttribute
指定
onclick
属性，简单，很好理解，
但是：IE
不支持，IE
并不是不支持
setAttribute
这个函数，而是不支持用
setAttribute
设置某些属性，包括对象属性、集合属性、事件属性，也就是说用
setAttribute
设置
style、onclick、onmouseover
这些属性在
IE
中是行不通的。
方法二、用
attachEvent
和
addEventListener
IE
支持
attachEvent
obj.attachEvent("onclick",
Foo)
function
Foo()
{
alert("测试")
}
也可写在一起
obj.attachEvent("onclick",
function(){alert("测试")})
其它浏览器支持
addEventListener
obj.addEventListener("click",
Foo,
false)
function
Foo()
{
alert("测试")
}
同样也可写在一起
obj.addEventListener("click",
function(){alert("测试")},
false)
注意
attachEvent
的事件带
on，如
onclick，而
addEventListener
不带
on，如
click。
顺便说一下
addEventListener
的第三个参数（虽然很少用）
useCapture
-
如果为
true，则
useCapture
指示用户希望启动捕获。启动捕获后，所有指定类型的事件将在被指派到树中其下面的任何
EventTargets
之前指派给已注册的
EventListener。正在通过树向上
bubbling
的事件将不触发指定的使用捕获的
EventListener。
综合应用
复制代码
代码如下:
if
(window.attachEvent)
{
//IE
的事件代码
}
else
{
//其它浏览器的事件代码
}
方法三、事件
=
函数
例：obj.onclick
=
Foo
这在多个浏览器中均支持，这是属于旧的规范（方法二属于
DOM2
的规范），不过由于使用方便，用的场合也比较多。
下面是我的解决办法:
复制代码
代码如下:
function
show(){
alert("Hello,
world!!!")
}
obj.setAttribute('onclick',document.all
?
eval(function(){show()})
:
'javascript:show()')
