本文目錄一覽:
javascript 事件
(1)單擊事件onClick
當用戶單擊鼠標按鈕時,產生onClick事件。同時onClick指定的事件處理程序或代碼將被調用執行。通常在下列基本對象中產生:
button(按鈕對象)
checkbox(複選框)或(檢查列表框)
radio (單選鈕)
reset buttons(重要按鈕)
submit buttons(提交按鈕)
例如可通過下列按鈕激活change()文件:
Form
Input type=”button” Value=”” onClick=”change()”
/Form
在onClick等號後,可以使用自己編寫的函數作為事件處理程序,也可以使用JavaScript中內部的函數。還可以直接使用JavaScript的代碼等。例:Input type=”button” value=” ” onclick=alert(“這是一個例子”);
(2)onChange改變事件
當利用text或texturea元素輸入字符值改變時發該事件,同時當在select表格項中一個選項狀態改變後也會引發該事件。例:
Form
Input type=”text” name=”Test” value=”Test” onCharge=”check(‘this.test)”
/Form
(3)選中事件onSelect
當Text或Textarea對象中的文字被加亮後,引發該事件。
(4)獲得焦點事件onFocus
當用戶單擊Text或textarea以及select對象時,產生該事件。此時該對象成為前台對象。
(5)失去焦點onBlur
當text對象或textarea對象以及select對象不再擁有焦點、而退到後台時,引發該文件,他與onFocas事件是一個對應的關係。
(6)載入文件onLoad
當文檔載入時,產生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,並用一個變量為其賦值,使它可以被源代碼使用。
(7)卸載文件onUnload
當Web頁面退出時引發onUnload事件,並可更新Cookie的狀態。
javascript 常用事件有哪些
1、onClick單擊事件,常用於button\radio\checkbox\reset buttons\submit buttons對象上面。
2、onChange改變事件,常用於textbox \textarea對象上面,當輸入的字符值改變時執行對應的事件代碼。
3、onSelect選中事件,當text或textarea對像中的文字被加亮後,引發該事件。
4、onFocus獲得焦點事件,當用戶單擊Text對像以及select對象時,產生該事件。
5、失去焦點onBlur,當不在擁有焦點而退到後台時,引發該事件。
6、載入文件onLoad事件,當文檔載入時,產生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,並用一個變量為其賦值,使它可以被源代碼使用。
7、制裁文件onUnload事件,當WEB頁退出時引發onUnload事件,並可更新Cookie的狀態。
什麼是JavaScript事件流及事件處理程序詳解
先提兩個關鍵詞,方便你查找更詳細的分析:1)事件冒泡 2)事件捕獲
然後借用一下網上的一個圖:
如圖:有三個圓,好比dom中的三個div,當你點擊了綠色圓的同時,會有兩個連帶事件:
點擊了藍圓
點擊了粉圓
那麼當你這三個圓(div)都綁定了點擊事件時,該怎麼觸發呢,同時觸發?顯然不是,這是就涉及到一開始給你的兩個關鍵詞了。
事件捕獲:js會順着文檔流順序由外往內,依次觸發事件。即從DOM樹的根到葉子,粉-藍-綠
事件冒泡:js會逆着文檔流順序由內至外,一次觸發事件。即從DOM樹的葉子到根,綠-藍-粉
補充一點:多數時候推薦事件冒泡,因為大多數主流瀏覽器都兼容兩種事件,但一開始ie是不支持事件捕獲的,後來ie是否支持最近沒有具體了解,應該是可以設置,有需要可以百度一下,本人小菜,以上回答如有錯誤還請指出,謝謝。
javascript事件是什麼意思
JavaScript里的事件有很多, 主要分為兩種:
一種是由人觸發的,比如鼠標單擊、雙擊、移動鼠標、在輸入框輸入文本等等都會觸發這類事件, Javascript通過監視這些事件,可以知道用戶在網頁里幹什麼,好做出不同的交互反饋。
第二種是由瀏覽器產生的事件, 比如文檔加載完畢等事件。
不同的瀏覽器事件也會有所不同, 比如移動端的瀏覽器,還會有觸摸事件、橫豎屏切換事件等。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/195908.html