javascript
JavaScript知识笔记（二）——事件
事件：
JavaScript?創(chuàng)建動態(tài)頁面。事件是可以被 JavaScript 偵測到的行為。 網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。
比如說，當用戶單擊按鈕或者提交表單數(shù)據(jù)時，就發(fā)生一個鼠標單擊（onclick）事件，需要瀏覽器做出處理，返回給用戶一個結果。
主要事件表:
鼠標單擊事件( onclick ）:
onclick是鼠標單擊事件，當在網(wǎng)頁上單擊鼠標時，就會發(fā)生該事件。同時onclick事件調用的程序塊就會被執(zhí)行，通常與按鈕一起使用。
比如，我們單擊按鈕時，觸發(fā)?onclick?事件，并調用兩個數(shù)和的函數(shù)add2()。代碼如下：
<html> <head><script type="text/javascript">function add2(){var numa,numb,sum;numa=6;numb=8;sum=numa+numb;document.write("兩數(shù)和為:"+sum); }</script> </head> <body><form><input name="button" type="button" value="點擊提交" οnclick="add2()" /></form> </body> </html>注意:?在網(wǎng)頁中，如使用事件，就在該元素中設置事件屬性。
鼠標經(jīng)過事件（onmouseover）
鼠標經(jīng)過事件，當鼠標移到一個對象上時，該對象就觸發(fā)onmouseover事件，并執(zhí)行onmouseover事件調用的程序。
現(xiàn)實鼠標經(jīng)過"確定"按鈕時，觸發(fā)onmouseover事件，調用函數(shù)info()，彈出消息框，代碼如下:
運行結果:
鼠標移開事件（onmouseout）
鼠標移開事件，當鼠標移開當前對象時，執(zhí)行onmouseout調用的程序。
當把鼠標移動到"登錄"按鈕上，然后再移開時，觸發(fā)onmouseout事件，調用函數(shù)message()，代碼如下:
運行結果:
?
光標聚焦事件（onfocus）
當網(wǎng)頁中的對象獲得聚點時，執(zhí)行onfocus調用的程序就會被執(zhí)行。
如下代碼, 當將光標移到文本框內時，即焦點在文本框內，觸發(fā)onfocus 事件，并調用函數(shù)message()。
運行結果：
失焦事件（onblur）
onblur事件與onfocus是相對事件，當光標離開當前獲得聚焦對象的時候，觸發(fā)onblur事件，同時執(zhí)行被調用的程序。
如下代碼, 網(wǎng)頁中有用戶和密碼兩個文本框。當前光標在用戶文本框內時（即焦點在文本框），在光標離開該文本框后（即失焦時），觸發(fā)onblur事件，并調用函數(shù)message()。
運行結果：
內容選中事件（onselect）
選中事件，當文本框或者文本域中的文字被選中時，觸發(fā)onselect事件，同時調用的程序就會被執(zhí)行。
如下代碼,當選中用戶文本框內的文字時，觸發(fā)onselect 事件，并調用函數(shù)message()。
運行結果：
文本框內容改變事件（onchange）
通過改變文本框的內容來觸發(fā)onchange事件，同時執(zhí)行被調用的程序。
如下代碼,當用戶將文本框內的文字改變后，彈出對話框“您改變了文本內容！”。
運行結果：
加載事件（onload）
事件會在頁面加載完成后，立即發(fā)生，同時執(zhí)行被調用的程序。
注意：
? ? ? ? ?1.?加載頁面時，觸發(fā)onload事件，事件寫在<body>標簽內。
? ? ? ? ?2. ?加載頁面，可理解為打開一個新頁面時。
如下代碼,當加載一個新頁面時，彈出對話框“加載中，請稍等…”(網(wǎng)頁版新浪微博登錄)。
運行結果：
卸載事件（onunload）
當用戶退出頁面時（頁面關閉、頁面刷新等），觸發(fā)onUnload事件，同時執(zhí)行被調用的程序。
注意：不同瀏覽器對onunload事件支持不同。
如下代碼,當退出頁面時，彈出對話框“您確定離開該網(wǎng)頁嗎？”。
運行結果：（IE瀏覽器）
—————————————————————————————————————————————————————————
以上內容參考自慕課網(wǎng)：http://www.imooc.com
總結
以上是生活随笔為你收集整理的JavaScript知识笔记（二）——事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信被人拉黑了，有办法恢复吗？
- 下一篇： JavaScript知识笔记（三）——内