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