js高程 dom 和 dom 事件處理標誌

dom

//  pc  js dom

document.getelementbyid("d1").style.csstext= "color:red; font-size:13px;";

var btn2 = document.getelementbyid('btn2');

function handlers = function(){}
btn2.addeventlistener('click',handlers,false);
btn2.removeeventlistener('click',handlers.false);

var btn3 = document.getelementbyid('btn3');

var handlers2=function(){};
btn3.attachevent('onclick',handlers2);
btn3.detachevent('onclick',handlers2);

dom2 事件物件 event

currenttarget    唯讀    事件處理程式當前正在處理事件的那個元素

target            唯讀    事件的目標

type            唯讀    被觸發的事件的型別

stoppropagation() 取消事件冒泡

preventdefault()      阻止預設

srcelement        唯讀    事件的目標（與dom中target屬性相同）

type            唯讀    被觸發的事件的型別

cancelbubble    讀/寫    預設值為false，設定為true可以取消事件冒泡（與dom中stoppropagation()一樣）

returnvalue        讀/寫    預設為true，設定為false，就可以阻止預設行為。（與dom中的preventdefault()一樣）

function handler(e)

偏移量（元素在螢幕上占用的所有可見的空間）

offsetheight：元素在垂直方向上占用的大小，以畫素計。包括元素的高度，（可見的）水平滾動條的高度、上邊框的高度和下邊框的高度。

offsetwidth:元素在水平方向上占用的空間大小，包括元素的寬度，（可見的）垂直滾動條寬度，左邊框寬度和右邊框寬度。

offsetleft:元素的左外邊框至包含元素的左內邊框之間的畫素距離。

offsettop:元素的上外邊框至包含元素的上內邊框之間的畫素距離。

function handler(e)

clientwidth元素內容區寬度加上左右內邊距寬度  

clientheight元素內容區高度加上上下內邊距高度。滾動條占用的空間不計算在內。

function handler(e)

scrollheight:在沒有滾動條的情況下，元素內容的總高度。

scrollwidth:在沒有滾動條的情況下，元素內容的總寬度。

scrollleft:被隱藏在內容區域左側的畫素數。通過設定這個屬性可以改變元素的滾動位置。

scrolltop:被隱藏在內容區域上方的畫素數。同過設定這個屬性可以改變元素的滾動位置。 

function handler(e)

DOM事件處理

一 事件流 可以形象理解為 當我們指向一組同心圓的圓心時，所指的其實是這一組同心圓，而不只是同心圓組中位於最裡層的圓 1.事件冒泡 觸發事件的標籤 即最裡層的標籤 最先感知到事件的發生，然後逐層向外傳遞事件，2.事件捕獲 與事件冒泡的感知方向正好相反，現在很少用 二 事件處理程式 1.html事件處...

JS事件和BOM和DOM

4.事件流和事件模型 dom 事件流 是指頁面接受事件的順序,即事件在元素節點與根節點之間特定的傳播順序，是該事件的傳播過程.事件順序 冒泡和捕獲其實都是事件流的不同表現 事件冒泡 即事件開始時由最具體的元素接受，然後逐級向上傳播到較為 不具體的節點 文件 事件冒泡順序 1 2 3 4 docume...

JS中的DOM事件

1.html事件處理程式 html事件缺點 html和js 緊密的耦合在一起，js 個html都需要進行修改。2.dom0級事件處理程式 較傳統的方式 把乙個函式賦值給乙個事件的處理程式屬性用的比較多的方法，簡單，跨瀏覽器的優勢 沒有html事件處理程式的缺點。3.dom2級事件處理程式 dom2級...