js中的事件以及獲取內容

2022-08-09 08:24:09 字數 615 閱讀 3982

1.常用事件

onload:當頁面中的所有的標籤,文件,等資源載入完畢後會觸發onload事件

onclick:滑鼠單擊事件

ondblclick:滑鼠雙擊事件

onmousedown:滑鼠按下事件

onmouseup:滑鼠按鍵抬起事件

onmousemove:滑鼠移動到元素上事件

onmouseover:滑鼠進入到某個元素的事件

onmouseout:滑鼠離開元素事件

onfocus:元素得到焦點

onblur:元素失去焦點

onchange:使用者改變文字域的內容

oninput:實時監聽輸入框的變化(ie678)

onpropertychange:與oninput一樣,當是這個是ie專屬

onkeydown:某個鍵盤的鍵被按下

onkeyup:某個鍵盤的鍵被抬起

2.獲取標籤中的內容

1)innerhtml:同於設定或者獲取位於標籤起始和結束標籤之間的html(常用)

2)outerhtml:用於設定或者獲取物件本身以及物件其實和結束標籤之間的所有的內容(不常用)

3)innertext:用於設定或者獲取物件起始和結束標籤之間的文字

js事件的獲取

method desclientwidth 獲取元素寬度 clientheight 獲取元素高度 內容 內邊距 document.body.clientwidth 獲取body寬度 document.body.clientheight 獲取body高度 offsetwidth 包括邊框寬度 offs...

JS解決重複繫結問題以及獲取事件

1.一些資料互動元素如button 為了避免重複提交資訊,可以在 post或 get後unbind,在收到返回後再重新繫結 或者將button設定為disabled 2.在ajax可能改變某些引數,同事引數需要在bind時賦值的,在引數變動後需要unbind再重新bind 3.某個元素的click行...

中更改的內容使用js無法獲取

使用頁面彈出彈出層的時候無法獲取到彈出層上面的input輸入框裡面的值的解決辦法 原因 當使用display none 隱藏了div的時候,這個div知識隱藏了,使用彈出層顯示的時候實際上是複製了,我們在彈出層修改值,但是源介面上的div的內容並沒有改變,所以就出現了修改後 alert出來的仍然沒有...