js事件的獲取

2022-02-13 01:13:03 字數 1741 閱讀 4999

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...