JS知识总结之事件

JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。

主要事件表:

1、on

obj.onclick = fn;

obj.onclick = fn() {
    //do
}

2、

<button id="btn" onclick="clickfuction()"></button>

以上两种方法虽然是很常见，但实际开发中我们一般是用第三种方法

3、addEventListener

这个方法只兼容ie8以上，ie8及以下需要使用attachEvent

obj.addEventListener("click",function(){
      fn1(parm);
     fn2(parm);},false)

元素.attachEvent( 'onclick', function(){...} );//兼容i8及以下

onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。

鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。

鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。

当网页中的对象获得聚点时，如表单对象，执行onfocus调用的程序就会被执行。

onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。

选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。

通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。

事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。

当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。

注意：不同浏览器对onunload事件支持不同。