常用原生js方法總結

2022-05-14 21:30:09 字數 1684 閱讀 4808

①新增事件方法

addhandler:function(element,type,handler)else if (element.attachevent) else

}②移除之前新增的事件方法

removehandler:function(element, type, handler) else if (element.detachevent) else

}③獲取事件及事件物件目標

//獲取事件物件的相容性寫法

getevent: function(event),

//獲取事件物件目標的相容性寫法

gettarget: function(event)

④阻止瀏覽器預設事件的相容性寫法

preventdefault: function(event) else

}⑤阻止事件冒泡的相容性寫法

stoppropagation: function(event) else

}⑥mouseover和mouseout 事件才包含的獲取相關元素的方法

//mouseover和mouseout 事件才包含的獲取相關元素的方法

getrelatedtarget: function(event) else if (event.toelement) else if (event.fromelement) else

}⑦滑鼠滾輪判斷

/*對於mousedown 和mouseup 事件來說,則在其event 物件存在乙個button 屬性,

表示按下或釋放的按鈕。dom的button 屬性可能有如下3 個值:0 表示主滑鼠按鈕,1 表示中間的鼠

標按鈕(滑鼠滾輪按鈕),2 表示次滑鼠按鈕。在常規的設定中,主滑鼠按鈕就是滑鼠左鍵,而次滑鼠

按鈕就是滑鼠右鍵。

ie8 及之前版本也提供了button 屬性,但這個屬性的值與dom 的button 屬性有很大差異。

 0:表示沒有按下按鈕。

 1:表示按下了主滑鼠按鈕。

 2:表示按下了次滑鼠按鈕。

 3:表示同時按下了主、次滑鼠按鈕。

 4:表示按下了中間的滑鼠按鈕。

 5:表示同時按下了主滑鼠按鈕和中間的滑鼠按鈕。

 6:表示同時按下了次滑鼠按鈕和中間的滑鼠按鈕。

 7:表示同時按下了三個滑鼠按鈕。*/

getbutton: function(event) else }}

⑧能夠取得滑鼠滾輪增量值(delta)的方法

getwheeldelta: function(event) else

}⑨跨瀏覽器的方式取得字元編碼

getcharcode: function(event) else

}⑩訪問剪貼簿中的資料

getclipboardtext: function(event)

⑪設定剪貼簿中的資料

setclipboardtext: function(event, value) else if (window.clipboarddata)

}

常用原生JS方法總結(相容性寫法)

新增事件方法 1 2 3 4 5 6 7 8 9 addhandler function element,type,handler elseif element.attachevent else 移除之前新增的事件方法 1 2 3 4 5 6 7 8 9 removehandler function...

常用原生JS方法總結(相容性寫法)

經常會用到原生js來寫前端。但是原生js的一些方法在適應各個瀏覽器的時候寫法有的也不怎麼一樣的。今天下班有點累。就來總結一下簡單的東西吧 備註 一下的方法都是包裹在乙個eventutil物件裡面的,直接採用物件字面量定義方法了。新增事件方法 addhandler function element,t...

原生JS常用陣列方法大全

一,陣列的方法 以下方法是原有陣列發生改變 1 shift 刪除陣列第一項,括號裡邊沒有引數。例如 var ary 1,2,3,4 var res ary.shift console.log res 返回的值是被刪除的第一項 1 console.log ary 列印出的是被刪除後的新的陣列 2,3,...