快捷導(dǎo)航

jQuery.event兼容各瀏覽器的event詳細(xì)解析

更新時(shí)間：2013年12月18日 10:08:36 作者：

jQuery在遵循W3C規(guī)范的情況下，對(duì)事件的常用屬性進(jìn)行了封裝，使得事件處理在各大瀏覽器下都可以正常的運(yùn)行而不需要進(jìn)行瀏覽器類型判斷

介紹之前先介紹jQuery的一個(gè)方法 jQuery.event.fix(event || window.event); 此方法個(gè)瀏覽器的event對(duì)象轉(zhuǎn)換為 jQuery.event; 如果您的事件是通過jQuery方法綁定的，就不需要進(jìn)行轉(zhuǎn)換了！

jQuery在遵循W3C規(guī)范的情況下，對(duì)事件的常用屬性進(jìn)行了封裝，使得事件處理在各大瀏覽器下都可以正常的運(yùn)行而不需要進(jìn)行瀏覽器類型判斷。

1.event.type屬性
該方法作用是可以獲取到時(shí)間的類型

復(fù)制代碼代碼如下:

$("a").click(function(event){
    alert(event.type); //獲取時(shí)間類型
    return false; //阻止鏈接跳轉(zhuǎn)
})

以上代碼運(yùn)行后會(huì)返回：“click”。

2.event.preventDefault()方法
該方法的作用是阻止默認(rèn)的事件行為。JavaScript中符合W3C規(guī)范的preventDefault()方法在IE瀏覽器中無效。jQuery對(duì)其進(jìn)行了封裝，使之能兼容各種瀏覽器。

3.event.stopPropagation()方法
該方法是阻止事件的冒泡。JavaScript中符合W3C規(guī)范的stopPropagation()方法在IE瀏覽器中無效。jQuery對(duì)其進(jìn)行封裝，使之能兼容各種瀏覽器。

4.event.target屬性
event.target屬性的作用是獲取到出發(fā)事件的元素。jQuery對(duì)其封裝后，避免了W3C、IE和safari瀏覽器不同標(biāo)準(zhǔn)的差異。

復(fù)制代碼代碼如下:

$("a[href=http://www.fzitv.net]").click(function(event){
    alert(event.target.href); //獲取觸發(fā)事件的<a>元素的href屬性值
    alert(event.target.tagName); //獲取觸發(fā)事件的元素的標(biāo)簽名稱
    return false; //阻止鏈接跳轉(zhuǎn)})

5.event.relatedTarget屬性
在標(biāo)準(zhǔn)DOM中，mouseover和mouseout所發(fā)生的元素可以通過event.target()方法來訪問，相關(guān)元素是通過event.relatedTarget屬性來訪問的。event.relatedTarget屬性在mouseover中相當(dāng)于IE瀏覽器的event.fromElement屬性，在mouseout中相當(dāng)于IE瀏覽器的event.toElement,jQuery對(duì)其進(jìn)行了封裝，使之能兼容各種瀏覽器。

6.event.pageX/event.pageY屬性
該方法的作用是獲取到光標(biāo)相對(duì)頁(yè)面的x坐標(biāo)和y坐標(biāo)。如果沒有使用jQuery時(shí)，那么IE瀏覽器中是用event/event.y方法，而在Firefox瀏覽器中用event.pageX/event.pageY方法。如果頁(yè)上有滾動(dòng)條，則還要加上滾動(dòng)條的寬度和高度。在IE瀏覽器中還應(yīng)該減去默認(rèn)的2px的邊框。

復(fù)制代碼代碼如下:

$(function() {
    $("a").click(function(event) {
        alert("Current mouse position:" + event.pageX + "," + event.pageY);
        //獲取鼠標(biāo)當(dāng)前相對(duì)于頁(yè)面的坐標(biāo)
        return false; //阻止鏈接跳轉(zhuǎn)
    });
})

7.event.which屬性
該方法的作用是在鼠標(biāo)單擊事件中獲取到鼠標(biāo)的左、中、右鍵；在鍵盤事件中獲取鍵盤的按鈕。

復(fù)制代碼代碼如下:

$(function() {
    $("body").mousedown(function(e) {
        alert(e.which); //1 = 鼠標(biāo)左鍵；2 = 鼠標(biāo)中鍵；3 = 鼠標(biāo)右鍵。
    })
})

以上代碼加載到頁(yè)面中，用鼠標(biāo)單擊頁(yè)面時(shí)，單擊左、中、右鍵分別返回1、2、3.

8.event.metaKey屬性
針對(duì)不同瀏覽器對(duì)鍵盤中的<ctrl>按鍵解釋不同，jQuery也進(jìn)行了封裝，并規(guī)定event.metaKey()方法為鍵盤事件中獲取<ctrl>按鍵。

9.event.originalEvent屬性。
該方法的作用是指向原始的事件對(duì)象。

您可能感興趣的文章:

jQuery
event

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery.event兼容各瀏覽器的event詳細(xì)解析

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具