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及如下複製代碼

1、js事件之鼠標單擊事件---onclock

onclick是鼠標單擊事件，當在網頁上單擊鼠標時，就會發生該事件。同時onclick事件調用的程序塊就會被執行，一般與按鈕一塊兒使用。
blog

2、js事件之鼠標移入事件---onmouseover

鼠標通過事件，當鼠標移到一個對象上時，該對象就觸發onmouseover事件，並執行onmouseover事件調用的程序。seo

3、js事件之鼠標移開事件---onmouseout

鼠標移開事件，當鼠標移開當前對象時，執行onmouseout調用的程序。

4、js事件之得到焦點事件---onfocus

當網頁中的對象得到聚點時，如表單對象，執行onfocus調用的程序就會被執行。

5、js事件之失去焦點事件---onblur

onblur事件與onfocus是相對事件，當光標離開當前得到聚焦對象的時候，觸發onblur事件，同時執行被調用的程序。

6、js事件之文本域文本選中事件---onselect

選中事件，當文本框或者文本域中的文字被選中時，觸發onselect事件，同時調用的程序就會被執行。

7、js事件之文本域文本改變事件---onchange

經過改變文本框的內容來觸發onchange事件，同時執行被調用的程序。

8、js事件之加載事件---onload

事件會在頁面加載完成後，當即發生，同時執行被調用的程序。
注意：1. 加載頁面時，觸發onload事件，事件寫在<body>標籤內。

9、js事件之卸載事件---onUnload

當用戶退出頁面時（頁面關閉、頁面刷新等），觸發onUnload事件，同時執行被調用的程序。

注意：不一樣瀏覽器對onunload事件支持不一樣。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。