1. 程式人生 > >JS解決DOM2級事件解綁相容問題

JS解決DOM2級事件解綁相容問題

attachEvent和detachEvent:處理IE低版本問題。 

    <script>
		function addEvent(ele,eventType,fn){
			if(ele.addEventListener){//容錯判斷
				ele.addEventListener(eventType,fn,false);
			}else{
				ele.attachEvent("on"+eventType,fn);
			}
		};

		function removeEvent(ele, eventType, fn){
			if(ele.removeEventListener){
				ele.removeEventListener(eventType, fn);
			}else{
				ele.detachEvent("on"+eventType, fn);
			}
		};
	</script>

相關推薦

JS解決DOM2事件相容問題

attachEvent和detachEvent:處理IE低版本問題。  <script> function addEvent(ele,eventType,fn){ if(

JS:Html事件處理程序 vs DOM0事件處理程序 vs DOM2事件處理程序

list 屬性 asc hello 並且 賦值 有意義 事件處理程序 自己 1.HTML事件處理程序 某個元素支持的某種事件,可以通過一個與相應事件處理程序同名的HTML特性指定。這個特性的值應該是能夠執行的JS代碼。例如:按鈕單擊是要執行一些js代碼,可以像下面: <

DOM2事件繫結的相容處理

DOM2的相容處理 DOM2事件繫結,標準瀏覽器和IE低版本瀏覽器中除了語法上的區別,還有其它方面的區別 THIS問題 標準 執行事件池中繫結的方法,方法中的THIS是當前操作的元素;會給方法傳遞事件物件進來,事件物件中存在TARGET等屬性; IE低版本

事件源、事件物件、阻止事件冒泡、阻止瀏覽器預設行為、Dom2事件相容寫法

1事件物件的獲取 var e =e|event; 2事件源的獲取 var target=e.target||e.srcElemet; 3阻止事件 冒泡 e.cancelBubble=true; ie e.stoppropagation() 4阻止瀏覽器

JavaScript事件的方式

lan fun button oct ctype 命名 bsp type func <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JQuery的事件委託;jQuery註冊事件;jQuery事件

一、事件   ①事件委託:就是給子元素的父元素或者祖先元素註冊一個事件,但是事件的執行者是子元素,委託事件的好處是能夠給動態創建出來時元素也加上事件。   ②簡單事件:就是給自己註冊事件自己執行動態創建出來的事件不會有事件。   ③使用方法:$("span").on("click",function()

JQuery的事件委托;jQuery註冊事件;jQuery事件

click事件 元素 con 返回 cli fcc pro 冒泡事件 fault 一、事件   ①事件委托:就是給子元素的父元素或者祖先元素註冊一個事件,但是事件的執行者是子元素,委托事件的好處是能夠給動態創建出來時元素也加上事件。   ②簡單事件:就是給自己註冊事件自己執

DOM0事件處理、DOM2事件處理

<body> <!-- 此為HTML事件,因為在HTML程式碼中 添加了onclick程式碼 --> <input type="button" value="按鈕1

jquery學習筆記之事件繫結on與事件off用法

on()的多事件繫結 之前學的滑鼠事件,表單事件與鍵盤事件都有個特點,就是直接給元素繫結一個處理函式,所有這類事件都是屬於快捷處理。翻開原始碼其實可以看到,所有的快捷事件在底層的處理都是通過一個”on”方法來實現的。jQuery on()方法是官方推

DOM0事件處理與DOM2事件處理的區別

DOM是分等級的,分別是DOM0,1,2,3級別越高,語句越高階。一、DOM0級事件處理DOM0級事件處理方式就是講一個函式賦值給一個事件處理屬性,如:box.onclick = function(){ alert("我是box"); }就是把函式賦值給了box的oncli

js click 與 onclick 事件定與

賦值 event blog 標簽 style button 代碼 .net element click 與 onclick 1.onclick 事件會在對象被點擊時發生。 <input id="btn1" type="button" onclick="test(

相容:繫結事件事件相容程式碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head>

js解決回車事件相容火狐、IE的問題

最開始在谷歌瀏覽器上寫的鍵盤響應事件,發現沒什麼問題,就覺得OK了,後來用火狐開啟,於是就發現了bug….. 開始的回車響應事件: function keyLogin(){ if(keyCo

為元素繫結事件和解事件js相容程式碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head>

fastclick.js解決移動端(ipad)點擊事件反應慢問題

javascrip tag 區間 spa doc base blog data- ava 參考http://blog.csdn.net/xjun0812/article/details/64919063     http://www.jianshu.com/p/16d3e4

js 三種事件

() tag eve nod mouseup als listen src cell 第一種:前段常規綁定: <button type="button" class="recolor" onclick="reCol(‘rowIndex‘,‘colIndex‘

jQuery-3.事件篇---事件定與

cto 最大 匹配 -- regular nbsp 事件處理程序 多個 快捷方式 on()的多事件綁定 之前學的鼠標事件,表單事件與鍵盤事件都有個特點,就是直接給元素綁定一個處理函數,所有這類事件都是屬於快捷處理。翻開源碼其實可以看到,所有的快捷事件在底層的處理都

js-解決移動端點擊事件的延遲問題

發的 問題 key port 引入 body 點擊事件 function dev 眾所周知,在手機上的點擊事件會有延遲300ms的問題。但在做手機端某些點擊小遊戲時,我們就需要取消這個延遲的問題; 第一步:禁止頁面的縮放 <meta name="viewport"

DOM0事件定之內聯onclick事件

function highlight .proto 方法 影響 報錯 scrip 事件 ttr   DOM0級事件中比較常看到的這種綁定方法: <input type="button" value="click me" onclick="show(this,type

從零開始學 Web 之 jQuery(六)為元素定多個相同事件事件

png 好用 添加 方式 執行 存在 區別 也會 地址 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博客園:http://ww