JS知识总结之事件

时间 2019-12-06

原文原文链接

JavaScript 建立动态页面。事件是能够被 JavaScript 侦测到的行为。网页中的每一个元素均可以产生某些能够触发 JavaScript 函数或程序的事件。浏览器

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

主要事件表:函数

一、onspa

obj.onclick = fn;

obj.onclick = fn() {
    //do
}复制代码

二、3d

<button id="btn" onclick="clickfuction()"></button>复制代码

以上两种方法虽然是很常见，但实际开发中咱们通常是用第三种方法code

三、addEventListenercdn

这个方法只兼容ie8以上，ie8及如下须要使用attachEvent对象

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

元素.attachEvent( 'onclick', function(){...} );//兼容i8及如下复制代码

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

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

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

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

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

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

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

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

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

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