焦點：使瀏覽器能夠區(qū)分用戶輸入的對象，當一個元素有焦點的時候，那么他就可以接收用戶的輸入。

　　我們可以通過一些方式給元素設置焦點

　　1、點擊

　　2、tab

　　3、js

　　不是所有元素都能夠接收焦點的.能夠響應用戶操作的元素才有焦點

　　焦點事件：

　　　　onfocus : 當元素獲取到焦點的時候觸發(fā)

　　　　onblur : 當元素失去焦點的時候觸發(fā)

　　焦點方法：

　　　　元素.focus() 給指定的元素設置焦點

　　　　元素.blur() 取消指定元素的焦點

　　　　元素.select() 選擇指定元素里面的文本內容

event：事件對象 ?當一個事件發(fā)生時，和當前這個對象發(fā)生的這個事件有關的一些詳細信息都會被臨時保存到一個指　　　　定的地方—event對象，供我們在需要的時候調用。

　　　　//**

　　　　事件對象必須在一個事件調用的函數里面使用才有內容

　　　　事件函數：事件調用的函數，一個函數是不是事件函數，不在定義的決定，而是取決于這個調用的時候

　　　　兼容性：

　　　　　　ie/chrome：event是一個內置的全局對象

　　　　　　標準下：事件對象是通過事件函數的第一個參數傳入

　　　　　　如果一個函數是被事件調用的，那么，這個函數定義的第一個參數就是事件對象

　　　　clientX[Y] : 當一個事件發(fā)生的時候，鼠標到頁面可視區(qū)的距離

事件流：事件捕獲 ? 事件冒泡

　　事件冒泡：當一個元素接收到事件的時候，會把他接收到的所有傳播給他的父級，一直到頂層window.事件冒泡機制

　　阻止事件冒泡：當前要阻止冒泡的事件函數中調用 event.cancelBubble = true;

　　//**

　　給一個對象綁定一個事件處理函數的第一種形式：obj.onclick = fn;

　　給一個對象的同一個事件綁定多個不同的函數

　　給一個元素綁定事件函數的第二種形式：

　　　　ie：obj.attachEvent(事件名稱，事件函數);

　　　　　　1、沒有捕獲

　　　　　　2、事件名稱有on

　　　　　　3、事件函數執(zhí)行順序：標準ie >>正序 ? ?非標準ie ?>> ?倒序

　　　　　　4、this指向window

　　　　標準：obj.addEventListener(事件名稱，事件函數，是否捕獲); ?//**是否捕獲，默認為false

　　　　　　1、有捕獲

　　　　　　2、事件名稱沒有on

　　　　　　3、事件執(zhí)行的順序是正序

　　　　　　4、this觸發(fā)該事件的對象

　　　　call()：函數下的一個方法，call方法第一個參數可以改變函數執(zhí)行過程中的內部的this的指向，call方法第二個參數開始就是函數的參數列表

?

　　事件捕獲：當一個對象接收事件時，事件會先經過父級元素，由父級元素一層一層傳遞給該對象，這個過程稱為事件捕獲

　　取消事件綁定：

　　　　ie：obj.detachEvent(事件名稱，事件函數);

　　　　標準下：obj.removeEventListener(事件名稱，事件函數，是否捕獲);

鍵盤事件：

　　onkeydown：當鍵盤按鍵按下的時候觸發(fā)

　　onkeyup：當鍵盤按鍵抬起的時候觸發(fā)

　　event.keyCode：數字類型 ?鍵盤按鍵的值 ?鍵值

　　　　功能鍵：ctrlKey ? shiftKey ? ?altKey ? ?布爾值

　　　　當一個事件發(fā)生的時候，如果ctrl || shift || alt 是按下的狀態(tài)，返回true，否則返回false

　　不是所有元素都能夠接收鍵盤事件，能夠響應用戶輸入的元素，能夠接收焦點的元素就能夠接收鍵盤事件

?

　　事件默認行為：當一個事件發(fā)生時，瀏覽器自己會默認做的事情

　　怎么阻止？

　　分析當前這個行為是什么事件觸發(fā)的，然后在這個事件的處理函數中使用return false；

　　oncontentmenu：右鍵菜單事件，當右鍵菜單（環(huán)境菜單）顯示出來的時候觸發(fā)

轉載于:https://www.cnblogs.com/onclick/p/4604759.html

總結

以上是生活随笔為你收集整理的js——事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。