javascript常見的事件的簡單介紹

本文目錄一覽：

• 1、js 觸發事件種類類型有哪些
• 2、js中常用的事件有哪些
• 3、javascript事件流模型有哪些
• 4、JavaScript中都有些什麼事件？事件有什麼作用？

js 觸發事件種類類型有哪些

一般事件 onclick IE3、N2 鼠標點擊時觸發此事件

ondblclick IE4、N4 鼠標雙擊時觸發此事件

onmousedown IE4、N4 按下鼠標時觸發此事件

onmouseup IE4、N4 鼠標按下後鬆開鼠標時觸發此事件

onmouseover IE3、N2 當鼠標移動到某對象範圍的上方時觸發此事件

onmousemove IE4、N4 鼠標移動時觸發此事件

onmouseout IE4、N3 當鼠標離開某對象範圍時觸發此事件

onkeypress IE4、N4 當鍵盤上的某個鍵被按下並且釋放時觸發此事件.

onkeydown IE4、N4 當鍵盤上某個按鍵被按下時觸發此事件

onkeyup IE4、N4 當鍵盤上某個按鍵被按放開時觸發此事件

js中常用的事件有哪些

最常用的就是onclick咯, 鼠標點擊事件, 還有onblur, onchange, onload等等, 具體可以參考w3cSchool的相關api, 給你地址

javascript事件流模型有哪些

javascript常用的事件主要有:

(1)單擊事件:onclick。用戶單擊鼠標按鍵時產生的事件，同時。nclick指定的事件處理程序或代碼將被調用執行.

(2)改變事件:onchange。當text或textarea元素內的字符值改變或select表格選項狀態改變時發生該事件。

(3)選中事件:onselect。當text或textarea對象中的文字被選中時會引發該事件。如:

ipnut type=”text” value=”默認信息」onselect=alert(」選中T文本框中的文字」)

(4)獲得焦點事件:onfocus。用戶單擊text或textarea以及select對象，即光標落在文本框或選擇框時會產生該事件。如:

select name= “zhengjian” onfocus=alert(」成為焦點」)

(5)失去焦點事件:onblur.失去焦點事件正好與獲得焦點事件相對，當text或textarea以及select對象不再擁有焦點而退出後台時，引發該事件。

(6)載人文件事件:onload,』當頁面文件載人時產生該事件。onload的一個作用就是在首次載人一個頁面文件時檢測cookie的值，並用一個變量為其賦值，使它可以被源代碼使用，本事件是window的事件，但是在HTML中指定事件處理程序時，一般把它寫在body標記中。如:

body onload=alert(」正在加載頁面，請等待一」)

(7)卸載文件事件:onunload。與載人文件事件。nload正好相反，當Web頁面退出時引發的事件，並可更新。ookie的狀態。如:

body onunload=confirm(」確定要離開本頁?」)

(8)鼠標鎮蓋事件:onmouseover, onmouseover是當鼠標位於元素上方時所引發的事件。如:

input type= “boutton” value=」按鈕」onmouseover= “window. status=『請注意下面的狀態欄·;return true”

(9)鼠標離開事件:onmouseout, onmouseout是當鼠標離開元素時引發的事件。如果和鼠標覆蓋事件同時使用，可以創建動態按鈕的效果。

(10)一般事件。

ondbclick:鼠標雙擊事件。

onkeypress:當鍵盤上的某個鍵被按下並且釋放時觸發的事件，要求頁面內必須有激活的對象。

onkeydown:當鍵盤上某個鍵被按下時觸發的事件，要求頁面內必須有激活的對象。

onkeyup:當鍵盤上某個鍵被放開時觸發的事件，要求頁面內必須有激活的對象。

(11)頁面相關事件。

onabort:圖片在下載時被用戶中斷時觸發的事件。

onbeforeunload:當前頁面的內容將要被改變時觸發的事件

JavaScript中都有些什麼事件？事件有什麼作用？

JavaScript中主要的事件有如下這些：

事件的作用：

事件在HTML中扮演着相當重要的作用，要了解他的作用，首先我們了解下事件的概念：

「事件指的是文檔或者瀏覽器窗口中發生的一些特定交互瞬間。我們可以通過偵聽器（或者處理程序）來預定事件，以便事件發生的時候執行相應的代碼。」

從事件的概念可看出，事件可以大大提高網頁的交互性。在上面表格中列出來的事件，我們都可以通過事件處理程序(偵聽器)捕捉到。比如當用戶點擊某個 HTML 元素時啟動一段 JavaScript。

為了更通俗的描述事件的作用，下面我列舉了幾個事件使用的例子：

1、 監聽按鈕的點擊事件onclick，當該事件發生後可以執行JavaScript進行提醒；

alertBtn.onclick = function() {

alert(“你在網頁中執行了點擊操作！”);

};

2、 監聽頁面的加載事件onload，進行一些初始化操作。

window.onload = function() {

prepareEventHandlers(); //prepareEventHandlers函數中進行了初始化操作。

};

3、監聽表單的onblur事件，當輸入框失去焦點時是否顯示提示信息。如下面的郵箱輸入框：

emailField.onblur = function() {

if ( emailField.value == “”) {

emailField.value = “輸入郵箱”;

}

};

4、監聽表單的onfocus事件，當輸入框獲取焦點時執行一些操作，如清除提示信息。

emailField.onfocus = function() {

if ( emailField.value == “輸入郵箱”) {

emailField.value = “”;

}

};

可以到教程網-秒秒學上看下相關課程，夯實下基礎，事件的機制其實並不難，希望對你理解事件有所幫助。