JS 事件處理

2021-09-06 09:33:28 字數 2020 閱讀 5879

校驗瀏覽器是否支援某事件:document.implementation.hasfeature("focusevent","3.0")

對html元素新增事件的方法有:

1、

2、

window.onload = function

()document.getelementbyid("mybt").click=function

()//

------------------

var doclick = function

()document.getelementbyid("mybt").click=doclick;

3、當需要新增的元素是動態的,則需要動態新增事件,但由於不同主流瀏覽器對動態新增事件支援的方法不一致,故需要檢查瀏覽器的支援性

eventutil.js

var eventutil = 

else

if(element.attachevent)

else

},getbutton:

function

(event)

else}},

//獲取鍵盤的keypress事件中按鍵的code

getcharcode:

function

(event)

else

},//獲取剪貼簿中的資料

getclipboardtext:

function

(event),

//獲取事件物件

getevent:

function

(event),

//滑鼠移出後滑鼠所在的焦點物件

getrelatedtarget:

function

(event)

else

if(event.toelement)

else

if(event.fromelement)

else

},//獲取激發事件的源物件

gettarget:

function

(event),

//獲取所有瀏覽器下滑鼠滾輪滾動時的wheeldelta的值,向上則為120的正數+,向下則為120的正數-

getwheeldelta:

function

(event)

else

},//取消事件的預設行為,例如如果在onclick時間中呼叫該方法則不會開啟鏈結

preventdefault:

function

(event)

else

},//移除繫結的事件

removehandler:

function

(element, type, handler)

else

if(element.detachevent)

else

},//設定剪貼簿的資料

setclipboardtext:

function

(event, value)

else

if(window.clipboarddata)

},//阻止事件的繼續冒泡執行

stoppropagation:

function

(event)

else

}};

呼叫方法:

var btn = document.getelementbyid("mybtn");

var handler = function

(); eventutil.addhandler(btn, "click", handler);

var removebtn = document.getelementbyid("myremovebtn");

eventutil.addhandler(removebtn, "click", function

());

JS事件處理函式

a ele.on function event 相容性好,同乙個元素的同乙個事件上繫結一次,基本等同於解除安裝html行間 this指向dom元素 b obj.addeventlistener 事件型別,處理函式,false 同乙個物件同乙個事件繫結多個處理函式 this指向dom元素 ie9 一下...

js 事件處理(重點)

1 各種常用事件 2 簡單用法 1 23 可以直接用document.aaa.bbb.value來獲取值。其中 aaa是表單的name,bbb是表單內輸入框的name。4 對話方塊 1 a alert 警告框 2b prompt 彈出提示框,輸入文字才能執行接下來的,或者直接取消。eg 3var u...

JS事件程式處理

1 事件 使用者 瀏覽器自身執行的某種動作 點選click 載入load,頁面滾動scroll的等 2 事件處理程式 響應某個事件的處理函式,又叫事件偵聽器 事件流1 事件冒泡 由ie提出 由下向上 2 事件捕獲 由netscape團隊提出 由上向下 由於老版本瀏覽器不支援,所以很少使用 3 dom...