javaScript事件機制兼容【詳細整理】
【添加事件機制】 addEventListener 和 attachEvent
[W3C]
addEventListener('click' , function(){alert('Hello World')} ,false ) //W3C規(guī)范添加事件(IE8及以上不兼容)； 第一個參數(shù)為事件類型 ，第二個為事件程序 ，第三個 false為事件冒泡，true為事件捕獲
[IE]
attachEvent('onclick',function(){alert('Hello World')}) //IE添加事件; 第一個參數(shù)為事件類型（需要加on） ; 第二個為事件程序 ； 因為IE只支持事件冒泡，所以只有兩個參數(shù)
[跨瀏覽器兼容]
function insertEvent(obj,Event,fun){
if(obj.addEvenListener){
addEventLitener(Event,fun,false)
}else if(obj.attach){
attachEvent('on'+Event,fun)
}
}
【刪除事件機制】 removeEventListener detachEvent
[W3C] removeEventListener
removeEventListener() //利用addEventListener新增的事件只能通過removeEventListener來刪除;
[注意] //以下這種刪除事件方式是錯誤的，因為事件程序必須不能是一個匿名函數(shù)
addEventListener('click' , function(){alert('Hello World')} ,false )
removeEventListener('click',function(){alert('Hello World')}，false)
[解決]
addEventListener('click' , box ,false );
removeEventListener('click',box，false) ;
function box(){
alert('Hello World');
}
[跨瀏覽器兼容]
function deleteEvent(obj,Event,fun){
if(obj.removeEventListener){
removeEventListener(Event,fun,false);
}else if(obj.detachEvent){
detachEvent('on'+Event,fun)
}
}
【阻止特定事件的默認行為】
[preventDefault 和returnValue]
[W3C] preventDefault
[IE] reutrnValue
[跨瀏覽器兼容]
function(event){
event=event || window.event;
if(event.preventDefault){
event.preventDefault()
}else{
event.returnValue=false;
}
}
【獲取目標對象】
[target 和 srcElement]
function(event){
event=event || window.event;
if(event.target){
return event.target;
}else if(event.srcElement){
return event.srcElement;
}
}
以上這篇javaScript事件機制兼容【詳細整理】就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
簡言之，this是JavaScript語言中定義的眾多關(guān)鍵字之一，它的特殊在于它自動定義于每一個函數(shù)域內(nèi)，但是this倒地指引啥東西卻讓很多人張二摸不著頭腦。希望看完這篇文章了你能回答出來this到底指引個甚。2016-01-01
Javascript學(xué)習(xí)筆記之 函數(shù)篇（三） : 閉包和引用
本系列好久沒更新了，今天重新拿過來，繼續(xù)前面未完成的事項，本文我們就來談?wù)凧avascript 中一個最重要的特性--閉包的使用引用。2014-11-11
javascript中apply、call和bind的使用區(qū)別
下面小編就為大家?guī)硪黄猨avascript中apply、call和bind的使用區(qū)別。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
本文通過全面列舉基礎(chǔ)的JavaScript概念這一方式來闡述該語言的基本原理，以此來為初學(xué)者提供一個對語言的基本了解，隨處可見的代碼例子則是用來說明所有的這些概念是如何在語言中體現(xiàn)出來的2011-10-10
對于需要更好的控制html的一些元素，就需要了解這些了。大家知道就行，有需要時可以再看。2009-01-01
ArrayList類（增強版）...2007-04-04
深入理解JavaScript系列（48）：對象創(chuàng)建模式（下篇）
這篇文章主要介紹了深入理解JavaScript系列（48）：對象創(chuàng)建模式（下篇）,本篇主要是介紹創(chuàng)建對象方面的模式的下篇,利用各種技巧可以極大地避免了錯誤或者可以編寫出非常精簡的代碼,需要的朋友可以參考下2015-03-03
Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類型轉(zhuǎn)換
JavaScript是一種無類型語言，但同時JavaScript提供了一種靈活的自動類型轉(zhuǎn)換的處理方式?；疽?guī)則是，如果某個類型的值用于需要其他類型的值的環(huán)境中，JavaScript就自動將這個值轉(zhuǎn)換成所需要的類型。2015-01-01
這篇文章主要介紹了JavaScript中的選擇器，下面和小編一起了看看吧2019-05-05
對js關(guān)鍵字命名我感覺有點亂，于是整理了一下，需要的朋友也可以參考下2014-04-04