JavaScript事件響應,讓網頁互動

2021-08-03 12:48:11 字數 705 閱讀 3275

onclick是滑鼠單擊事件,當在網頁上單擊滑鼠時,就會發生該事件。同時onclick事件呼叫的程式塊就會被執行,通常與按鈕一起使用。

比如,我們單擊按鈕時,觸發 onclick 事件,並呼叫兩個數和的函式add2()。**如下:

注意:

在網頁中,如使用事件,就在該元素中設定事件屬性。

滑鼠經過事件,當滑鼠移到乙個物件上時,該物件就觸發onmouseover事件,並執行onmouseover事件呼叫的程式。

滑鼠移開事件,當滑鼠移開當前物件時,執行onmouseout呼叫的程式。

當網頁中的物件獲得聚點時,執行onfocus呼叫的程式就會被執行。

onblur事件與onfocus是相對事件,當游標離開當前獲得聚焦物件的時候,觸發onblur事件,同時執行被呼叫的程式。

選中事件,當文字框或者文字域中的文字被選中時,觸發onselect事件,同時呼叫的程式就會被執行。

通過改變文字框的內容來觸發onchange事件,同時執行被呼叫的程式。

事件會在頁面載入完成後,立即發生

,同時執行被呼叫的程式。

注意:1. 載入頁面時,觸發onload事件,事件寫在標籤內。

當使用者退出頁面時(頁面關閉、頁面重新整理等),觸發onunload事件,同時執行被呼叫的程式。

**:

WXS響應事件

一次 touchmove 的響應需要經過2 次的邏輯層和渲染層的通訊以及一次渲染,通訊的耗時比較大。同時,setdata 渲染也會阻塞其它指令碼執行,導致了整個使用者互動的動畫過程會有延遲。wxs響應事件即為乙個非常有效的解決方案 它提出了wxs響應函式,該函式放置於檢視層 中,讓事件在檢視層響應,...

javascript事件總結

onabort 影象載入被中斷 onblur 失去焦點 onclick 滑鼠單擊某個物件 onchange 使用者改變內容 ondbclick 滑鼠雙擊某個物件 onerror 當載入文件或物件時發生某個錯誤 onfocus 獲得焦點 onkeydown 鍵盤的鍵被按下 onkeypress 鍵盤的...

JavaScript事件委託

js事件處理程式 首先,為什麼要用事件委託,用一段 解釋下 如上面 如果要新增事件處理程式,我們一般做法是,給list1 list2 list3這個3個li元素分別新增事件處理程式,但是有沒有想過,如果元素很多呢,我們還是一直用這樣的方法新增嗎?當然是不可能的,這樣子,非累死程式設計師不可 這個時候...