校驗瀏覽器是否支援某事件: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...