1. 程式人生 > >6.新增事件

6.新增事件

pri load 執行 text 通知 window 緩存 resize enter

新增事件:

元素或對象 事件 觸發時機 代碼示例
window對象body元素 beforeprint 即將開始打印之前觸發 <body onbeforeprint="alert(‘即將打印‘);">
afterprint 打印完畢時觸發 <body onafterprint="alert(‘打印完畢‘);"">
resize 瀏覽器窗口大小發生改變是觸發 <body onresize="alert(‘窗口大小進行調整‘);"">
error 頁面加載出錯時觸發 <body onerror="alert(‘頁面加載出錯‘);"">
offline 頁面變為離線狀態時觸發 <body onoffline="alert(‘頁面處於離線狀態‘);"">
online 頁面變為在線狀態時觸發 <body ononline="alert(‘頁面處於在線狀態‘);"">
pageshow 頁面加載時觸發,類似於load事件,區別在於load事件在頁面第一次加載時觸發,而pageshow事件在每一次加載時觸發,即從網頁緩存中讀取頁面時只觸發pageshow事件,不觸發load事件 <body onpageshow="alert(‘頁面被加載‘);"">
beforeunload 當前頁面被關閉時觸發,該事件通知瀏覽器顯示一個用於咨詢用戶是否確定離開本頁面的確認窗口,可以設置該窗口中的提示文字,在Firebox瀏覽器的確認窗口中只顯示瀏覽器給定的默認詢問信息,開發者不能進行修改 <body beforeunload="return ‘是否確定離開本頁面‘"">
hashchange 當頁面URL地址字符串中的哈希部分(#後面的部分)發生改變時觸發 <body onhashchange="alert(‘url的hash部分發生改變‘);"">"<a href="#a">測試鏈接
任何元素 mousewheel 當用戶鼠標指針懸停在元素上並滾動鼠標滾輪時觸發 <body onmousewheel="alert(‘用戶滾動鼠標滾輪‘);"">
任何容器元素 scroll 當元素滾動條被滾動時觸發 <body onscroll="alert(‘元素被滾動‘);"">
input元素textarea元素 input 當用戶修改文本框中內容時觸發,input事件與change事件的區別為input事件在元素尚未失去焦點時已觸發,change事件只在元素失去焦點時觸發 "<input type="text" oninput="alert(‘元素內容被修改‘);"">
form元素 reset 當用戶按下表單元素中type類型為reset的input元素或JavaScript腳本代碼中執行表單對象的reset方法時觸發 "<form id="form1" onreset="alert(‘表單被重置‘);"">

6.新增事件