原生js獲得八種方式,事件操作

2022-08-09 20:36:17 字數 1037 閱讀 9634

一.原生js獲得八種方式

二.事件控制代碼

屬性當以下情況發生時,出現此事件

onabort

影象載入被中斷

onblur

元素失去焦點

onchange

使用者改變域的內容

onclick

滑鼠點選某個物件

ondblclick

滑鼠雙擊某個物件

onerror

當載入文件或影象時發生某個錯誤

onfocus

元素獲得焦點

onkeydown

某個鍵盤的鍵被按下

onkeypress

某個鍵盤的鍵被按下或按住

onkeyup

某個鍵盤的鍵被鬆開

onload

某個頁面或影象被完成載入

onmousedown

某個滑鼠按鍵被按下

onmousemove

滑鼠被移動

onmouseout

滑鼠從某元素移開

onmouseover

滑鼠被移到某元素之上

onmouseup

某個滑鼠按鍵被鬆開

onreset

重置按鈕被點選

onresize

視窗或框架被調整尺寸

onselect

文字被選定

onsubmit

提交按鈕被點選

onunload

使用者退出頁面

三.使用方法

1.獲取單個元素

2.單個元素傳送的事件

3.發生的內容相關替換

let inp = document.queryselector('input');

inp.onkeydown = function

() ;

四.提取元素裡面的內容

原生js獲得八種方式,事件操作

屬性 當以下情況發生時,出現此事件 onabort 影象載入被中斷 onblur 元素失去焦點 onchange 使用者改變域的內容 onclick 滑鼠點選某個物件 ondblclick 滑鼠雙擊某個物件 onerror 當載入文件或影象時發生某個錯誤 onfocus 元素獲得焦點 onkeydo...

JS事件繫結三種方式

1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 重複繫結會覆蓋之前繫結的onclick事件let button1 document.getelementbyid btn1 button1.onclick function 3.在js中使用addeventlistener 實現...

原生js的8種類繼承方式

1.原型鏈繼承 grand.prototype.lastname yang function grand var grand new grand father.prototype grand function father var father new father son.prototype fa...