您好,登錄后才能下訂單哦!
這篇文章主要為大家詳細介紹了事件的含義和使用,代碼介紹詳細,非常適合初學者入門,感興趣的小伙伴們可以參考一下。
什么是事件?
事件是指用戶的行為或元素的狀態。由指定元素監聽相關的事件,并且綁定事件處理函數。
什么是事件處理函數?
元素監聽事件,并在事件發生時自動執行的操作。
一、事件函數分類
1、鼠標事件
onclick //單擊 ondblclick //雙擊 onmouseover //鼠標移入 onmouseout //鼠標移出 onmousemove //鼠標移動
2、文檔或元素加載完畢:
onload //元素或文檔加載完畢
3、表單控件狀態監聽:
onfocus //文本框獲取焦點 onblur //文本框失去焦點 oninput //實時監聽輸入 onchange //兩次輸入內容發生變化時觸發,或元素狀態改變時觸發 onsubmit //form元素監聽,點擊提交按鈕后觸發,通過返回值控制數據是否可以發送給服務器
二、獲取元素節點
1、根據標簽名獲取元素節點列表
var elems = document.getElementsByTagName(""); /*參數 : 標簽名 返回值 : 節點列表,需要從節點列表中獲取具體的元素節點對象,添加相應下標。 */
2、根據 class 屬性值獲取元素節點列表
3、根據 id 屬性值取元素節點
4、根據 name 屬性值取元素列表
三、事件綁定方式
1、內聯方式: 將事件名稱作為標簽屬性綁定到元素上
例 :
<button onclick="alert()">點擊</button>
2、動態綁定 :獲取元素節點,動態添加事件
例 :
btn.onclick = function (){ };
以上就是事件的含義和使用的詳細內容了,看完之后是否有所收獲呢?如果想了解更多相關內容,歡迎關注億速云行業資訊!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。