国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

利用jQuery的$.event.fix函數統一瀏覽器event事件處理

2019-11-21 00:53:19
字體:
來源:轉載
供稿:網友
比如得到觸發事件的元素引用在IE瀏覽器下是:event.srcElement,在FF瀏覽器下則是:event.target,另外又比如在FF瀏覽器下得到光標相對頁面的位置是event.pageX,而IE瀏覽器下的處理方式又是不一樣的,當然還有一些像“阻止事件冒泡”以及“取消瀏覽器默認行為”等,不同瀏覽器也有不同的處理方式,如果我們要使JavaScript在不同的瀏覽器下能正常處理事件代碼,就要分別進行判斷處理。現在jQuery為我們提供了統一兼容處理函數$.event.fix(e),這個函數官方并沒有在文檔中說明用法,是我在閱讀框架代碼的時候發現可以這樣使用。
一、如何使用
使用jQuery的event兼容處理主要分以下幾個簡單步驟進行:
1、在網頁head區引用jQuery框架庫文件;
2、定義一個事件處理方法,在調用的地方統一傳入event參數;
3、在事件方法內部首先利用$.event.fix把舊的事件轉換成新的事件引用;
4、在事件方法后面使用經過兼容處理后的事件對象方法和屬性。
二、使用示例
復制代碼 代碼如下:

<!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=utf-8" />
<title>利用jQuery的$.event.fix函數統一瀏覽器event處理</title>
<script type="text/javascript" src="http://img.VeVB.COm/jslib/jquery/jquery.js"></script>
</head>
<body>
<input type="button" value="http://wm.survivalescaperooms.com" onclick="eventHandler(event)" />
<script type="text/javascript">
//請使用不同瀏覽器測試本頁,你將看到一樣的結果
function eventHandler(e)
{
var event = $.event.fix(e);
var elem = event.target;
alert('當前點擊對象的標簽名是:' + elem.tagName);
alert('當前點擊按鈕文本是:' + elem.value);
alert('pageX:' + event.pageX + ',pageY:' + event.pageY);
//得到按鍵碼
event.keyCode
//取消瀏覽器默認行為
event.preventDefault();
//取消事件冒泡
event.stopPropagation();
//...還有好些不是很常用屬性,這里不一一列舉
}
</script>
</body>
</html>

三、jQuery $.event.fix方法定義原代碼參考
復制代碼 代碼如下:

fix: function(event)
{
if (event[expando] == true)
return event;
// store a copy of the original event object
// and "clone" to set read-only properties
var originalEvent = event;
event =
{
originalEvent: originalEvent
};
var props = "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target timeStamp toElement type view wheelDelta which".split(" ");
for (var i = props.length; i; i--)
event[props[i]] = originalEvent[props[i]];
// Mark it as fixed
event[expando] = true;
// add preventDefault and stopPropagation since
// they will not work on the clone
event.preventDefault = function()
{
// if preventDefault exists run it on the original event
if (originalEvent.preventDefault)
originalEvent.preventDefault();
// otherwise set the returnValue property of the original event to false (IE)
originalEvent.returnValue = false;
};
event.stopPropagation = function()
{
// if stopPropagation exists run it on the original event
if (originalEvent.stopPropagation)
originalEvent.stopPropagation();
// otherwise set the cancelBubble property of the original event to true (IE)
originalEvent.cancelBubble = true;
};
// Fix timeStamp
event.timeStamp = event.timeStamp || now();
// Fix target property, if necessary
if (!event.target)
event.target = event.srcElement || document; // Fixes #1925 where srcElement might not be defined either
// check if target is a textnode (safari)
if (event.target.nodeType == 3)
event.target = event.target.parentNode;
// Add relatedTarget, if necessary
if (!event.relatedTarget && event.fromElement)
event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement;
// Calculate pageX/Y if missing and clientX/Y available
if (event.pageX == null && event.clientX != null)
{
var doc = document.documentElement, body = document.body;
event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc.clientLeft || 0);
event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc.clientTop || 0);
}
// Add which for key events
if (!event.which && ((event.charCode || event.charCode === 0) ? event.charCode : event.keyCode))
event.which = event.charCode || event.keyCode;
// Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
if (!event.metaKey && event.ctrlKey)
event.metaKey = event.ctrlKey;
// Add which for click: 1 == left; 2 == middle; 3 == right
// Note: button is not normalized, so don't use it
if (!event.which && event.button)
event.which = (event.button & 1 ? 1 : (event.button & 2 ? 3 : (event.button & 4 ? 2 : 0)));
return event;
}

作者:WebFlash
出處:http://webflash.cnblogs.com
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 河北省| 普洱| 隆昌县| 长子县| 泗阳县| 墨脱县| 云和县| 江源县| 射洪县| 左云县| 梅河口市| 乐平市| 读书| 安西县| 连南| 宜兰市| 林芝县| 宿州市| 铁岭县| 临漳县| 正宁县| 通化县| 黑水县| 松溪县| 惠州市| 新竹县| 泊头市| 莱州市| 平南县| 什邡市| 惠来县| 桂阳县| 鹤峰县| 南昌县| 临泽县| 福清市| 景洪市| 新河县| 谢通门县| 都匀市| 广灵县|