注意，当在 JS 文件中为相关元素设置事件时，其写法与 HTML 事件属性写法相同，例如：

<button id="test" onclick="changeContent()">更换内容</button>

在 JS 中则需要这样写：

var test = document.getElementById("test");
test.onclick = changeContent(){
    //......
}

注意：在为元素添加事件句柄或者删除元素事件句柄的过程中，不要将 event 参数设置为 onclick，而必须写成 click，去掉事件名称中的 on 即可。

添加事件句柄函数原型:

element.addEventListener(event, function, [useCapture])

删除事件句柄的函数原型:

element.removeEventListener(event, function, [useCapture])

添加事件句柄实例：

<input id="test" type="button" value="提交"/>
<script>
window.onload = function(){
    var test = document.getElementById("test");   
    test.addEventListener("click",myfun2);   
    test.addEventListener("click",myfun1);
}
function myfun1(){  
    alert("你好1");
}
function myfun2(){ 
    alert("你好2");
}
</script>