您當(dāng)前位置：首頁 > web前端 > jquery > 利用jQuery的$.event.fix函數(shù)統(tǒng)一瀏覽器event處理

利用jQuery的$.event.fix函數(shù)統(tǒng)一瀏覽器event處理

來源：程序員人生發(fā)布時間：2014-02-07 07:27:02 閱讀次數(shù)：3648次

做WEB前端開發(fā)的人都知道不同的瀏覽器對事件的處理方式是有區(qū)別的，比如得到觸發(fā)事件的元素引用在IE瀏覽器下是：event.srcElement，在FF瀏覽器下則是：event.target，另外又比如在FF瀏覽器下得到光標(biāo)相對頁面的位置是event.pageX，而IE瀏覽器下的處理方式又是不一樣的，當(dāng)然還有一些像“阻止事件冒泡”以及“取消瀏覽器默認(rèn)行為”等，不同瀏覽器也有不同的處理方式，如果我們要使JavaScript在不同的瀏覽器下能正常處理事件代碼，就要分別進(jìn)行判斷處理。現(xiàn)在jQuery為我們提供了統(tǒng)一兼容處理函數(shù)$.event.fix(e)，這個函數(shù)官方并沒有在文檔中說明用法，是我在閱讀框架代碼的時候發(fā)現(xiàn)可以這樣使用。

一、如何使用

使用jQuery的event兼容處理主要分以下幾個簡單步驟進(jìn)行：

1、在網(wǎng)頁head區(qū)引用jQuery框架庫文件；
2、定義一個事件處理方法，在調(diào)用的地方統(tǒng)一傳入event參數(shù)；
3、在事件方法內(nèi)部首先利用$.event.fix把舊的事件轉(zhuǎn)換成新的事件引用；
4、在事件方法后面使用經(jīng)過兼容處理后的事件對象方法和屬性。

二、使用示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>利用jQuery的$.event.fix函數(shù)統(tǒng)一瀏覽器event處理</title><script type="text/javascript" src="http://www.jyygyx.com/uploads/Common/jquery-1.3.2.min.js"></script></head><body><input type="button" value="http://www.jyygyx.com/" onclick="eventHandler(event)" /><script type="text/javascript">//請使用不同瀏覽器測試本頁，你將看到一樣的結(jié)果function eventHandler(e){var event = $.event.fix(e);var elem = event.target;alert('當(dāng)前點(diǎn)擊對象的標(biāo)簽名是:' + elem.tagName);alert('當(dāng)前點(diǎn)擊按鈕文本是:' + elem.value);alert('pageX:' + event.pageX + ',pageY:' + event.pageY);//得到按鍵碼event.keyCode//取消瀏覽器默認(rèn)行為event.preventDefault();//取消事件冒泡event.stopPropagation();//...還有好些不是很常用屬性，這里不一一列舉}</script></body></html><br /><center>如不能顯示效果，請按Ctrl+F5刷新本頁，更多網(wǎng)頁代碼：<a href='http://www.jyygyx.com/' target='_blank'>http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運(yùn)行!

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
程序員人生

------分隔線----------------------------

上一篇 運(yùn)營網(wǎng)站也要講究水到渠成一切順其自然

下一篇 Web服務(wù)器和應(yīng)用程序服務(wù)器的區(qū)別

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

利用jQuery的$.event.fix函數(shù)統(tǒng)一瀏覽器event處理

一、如何使用

二、使用示例