事件滑鼠事件mouseover等
節點
window.
onload
=function()
}<
/script>
var btn = document.
getelementbyid
("btn");
var dv = document.
getelementbyid
("box1");
btn.
onclick
=function()
// 會出現冒泡,由子觸發父,事件源是子
sup.onmouseover = mouseover;
sub.onmouseover = mouseover;
// 不會出現冒泡,不能由子觸發父,事件源還是父
sup.onmouseenter = mouseover;
sub.onmouseenter = mouseover;
// 滾動條 在滑動滾動條的時候觸發 向控制台列印--------------
window.
onscroll
=function()
// onkeydown 鍵盤按下
// onkeyup 鍵盤抬起
<
/script>
window.
onload
=function()
inp.
onfocus
=function()
}<
/script>
// 節點
// 整個文件就是乙個文件節點
// 節點型別 :
// nodename屬性 : 1 元素, 2 屬性, 3 文字, 8 注釋, 9 文件
<
/script>
// 9
console.
log(document.nodetype)
;var dv1 = document.
getelementbyid
('dv');
// 1
console.
log(dv1.nodetype)
;// 獲取屬性節點
var classattr = dv1.
getattributenode
('class');
// 2
console.
log(classattr.nodetype)
;// 獲取子節點(包含文字節點)
var textnode = dv1.firstchild;
// 3
console.
log(textnode.nodetype)
;// 第乙個子元素節點, 就是第乙個子標籤(如果沒有標籤就是null)
var fec = dv1.firstelementchild;
// 1
console.
log(fec.nodetype)
;// 1 元素, 2 屬性, 3 文字, 8 注釋, 9 文件
// nodename : 文件 #document, 文字#text, 元素 大寫標籤名, 屬性 屬性名
// nodevalue 屬性值 元素節點的 nodevalue是undefined或者null
// 屬性 屬性值, 文字, 文字內容
// parentnode 父節點(這個節點不可能是文字, 因為文字不能巢狀標籤)
// childnodes 所有子節點 返回偽陣列
// children 所有子元素節點 只有標籤節點
DOM節點操作 事件物件與BOM
恢復內容開始 節點型別 通過notetype屬性可以獲取節點的型別 document的節點型別 9 標籤的節點型別 1 屬性的節點型別 2,getattributenode 屬性 獲取元素的屬性節點 文字的節點型別 3,元素的第乙個子節點就是文字節點 節點名稱 通過nodename可以獲取元素的節點...
vue 鍵盤操作事件
需求 當按鍵盤enter鍵和鍵盤左右鍵時,左右切換頁面卡片並讀取卡片上的資訊 一 獲取鍵盤對應的keycode keycode 實際鍵值 48到57 0到965到90 a到z a到z 112到135 f1到f24 8backspace 退格 9tab 13enter 回車 20caps lock 大...
vue 鍵盤操作事件
需求 當按鍵盤enter鍵和鍵盤左右鍵時,左右切換頁面卡片並讀取卡片上的資訊 一 獲取鍵盤對應的keycode keycode 實際鍵值 48到57 0到965到90 a到z a到z 112到135 f1到f24 8backspace 退格 9tab 13enter 回車 20caps lock 大...