method
desclientwidth
獲取元素寬度
clientheight
獲取元素高度(內容+內邊距)
document.body.clientwidth
獲取body寬度
document.body.clientheight
獲取body高度
offsetwidth
包括邊框寬度
offsetheight
包括邊框高度(內容+內邊距+邊框)
offsetleft
距離左邊距離
offsettop
距離右邊距離,當前元素距離定位父級的
作用:捕獲使用者的操作行為
事件物件的獲取:
1、全域性event物件--ie9+,chrome
2、形參接收方式--
document.onclick = function(m)
//拖拽
var box = document.getelementbyid("box");//獲取box元素id
box.onmousedown = function(m)
}document.onmouseup = function()
//注意:box.onmousemove和document.onmousemove的差別,前者不需要長按住滑鼠,而後者需要
當父元素和子元素都繫結了「相同事件」,
子元素觸發事件的時候會傳遞給父元素,相當於父元素也觸發了事件 ——— 事件傳播,冒泡事件
var parent = document.getelementbyid("parent");
var box = document.getelementbyid("box");
box.onmouseover = function(m)
parent.onmouseover = function()
addeventlistener('click', fn2, false) //chrome、ie9+
removeeventlistener('click', fn2, false)
參一:註冊的事件的事件名字
參二:註冊事件的函式
參三:true捕獲事件,false冒泡事件(預設值)。
attachevent('onclick', fn1) //ie8-執行順序相反
detachevent('onclick', fn1);
參一:事件名字
參二:註冊事件的函式
//相容模式
function addevent(dom,eventname,fun)else
}addevent(document,'click',fn1);//呼叫函式
addevent(document,'click',fn2);
根據輸入鍵盤值(keycode)響應事件;
//例:輸入上下左右調整模組
var box = document.getelementbyid("box");
document.onkeydown = function(m)
box.style.left = boxleft + "px";//賦值變換後的距離
box.style.top = boxtop + "px";
}
JS 獲取觸發事件的物件
event.srcelement 引發事件的目標物件,常用於onclick事件。event.fromelement 引發事件的物件源,常用於onmouseout和onmouseover事件。event.toelement 引發事件後,滑鼠移動到的目標源,常用於onmouseout和onmouseov...
如何用js獲取觸發js事件的DOM
如題,如何用js獲取觸發js事件的dom。對於某事件為myfunction event 可以這樣獲取觸發該函式的domfunction myfunction event 附上event屬性 屬性和方法 描述bubbles 返回布林值,指示事件是否是起泡事件型別。cancelable返回布林值,指示事...
js中的事件以及獲取內容
1.常用事件 onload 當頁面中的所有的標籤,文件,等資源載入完畢後會觸發onload事件 onclick 滑鼠單擊事件 ondblclick 滑鼠雙擊事件 onmousedown 滑鼠按下事件 onmouseup 滑鼠按鍵抬起事件 onmousemove 滑鼠移動到元素上事件 onmouseo...