jquery事件對(duì)象event有哪些屬性和方法

1.event.type屬性

創(chuàng)新互聯(lián)建站網(wǎng)絡(luò)公司擁有10多年的成都網(wǎng)站開(kāi)發(fā)建設(shè)經(jīng)驗(yàn)，近千家客戶的共同信賴。提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站、網(wǎng)站開(kāi)發(fā)、網(wǎng)站定制、買(mǎi)友情鏈接、建網(wǎng)站、網(wǎng)站搭建、響應(yīng)式網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)師打造企業(yè)風(fēng)格，提供周到的售前咨詢和貼心的售后服務(wù)

該方法作用是可以獲取到時(shí)間的類(lèi)型。

2.event.preventDefault()方法

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

3.event.stopPropagation()方法

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

4.event.target屬性

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

5.event.relatedTarget屬性

在標(biāo)準(zhǔn)DOM中，mouseover和mouseout所發(fā)生的元素可以通過(guò)event.target()方法來(lái)訪問(wèn)，相關(guān)元素是通過(guò)event.relatedTarget屬性來(lái)訪問(wèn)的。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)。如果沒(méi)有使用jQuery時(shí)，那么IE瀏覽器中是用event/event.y方法，而在Firefox瀏覽器中用event.pageX/event.pageY方法。如果頁(yè)上有滾動(dòng)條，則還要加上滾動(dòng)條的寬度和高度。在IE瀏覽器中還應(yīng)該減去默認(rèn)的2px的邊框。

7.event.which屬性

該方法的作用是在鼠標(biāo)單擊事件中獲取到鼠標(biāo)的左、中、右鍵；在鍵盤(pán)事件中獲取鍵盤(pán)的按鈕。

8.event.metaKey屬性

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

9.event.originalEvent屬性。

該方法的作用是指向原始的事件對(duì)象。

JQuery的submit事件

提交表單是一個(gè)最常見(jiàn)的業(yè)務(wù)需求，比如用戶注冊(cè)，一些信息的輸入都是需要表單的提交。同樣的有時(shí)候開(kāi)發(fā)者需要在表單提交的時(shí)候過(guò)濾一些的數(shù)據(jù)、做一些必要的操作（例如：驗(yàn)證表單輸入的正確性，如果錯(cuò)誤就阻止提交，從新輸入）此時(shí)可以通過(guò)submit事件，監(jiān)聽(tīng)下提交表單的這個(gè)動(dòng)作。

綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少。

綁定 ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù)。

使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題。

通過(guò)在form元素上綁定submit事件，開(kāi)發(fā)者可以監(jiān)聽(tīng)到用戶的提交表單的的行為。

當(dāng)某些表單元素獲取焦點(diǎn)時(shí)，敲擊Enter（回車(chē)鍵）

上述這些操作下，都可以截獲submit事件。

form元素是有默認(rèn)提交表單的行為，如果通過(guò)submit處理的話，需要禁止瀏覽器的這個(gè)默認(rèn)行為，

傳統(tǒng)的方式是調(diào)用事件對(duì)象 e.preventDefault() 來(lái)處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可。

jQuery處理如下：

運(yùn)行效果：

jquery的事件對(duì)象問(wèn)題， 急?。?！

使用e.data傳送參數(shù)，你自己定義的參數(shù)放在回調(diào)函數(shù)前面，看一下下面的例子你就明白了。

script?src=""

/script

input?id="btn_1"?type="button"?value="btn"/

script?type="text/javascript"

$(document).ready(function(){

var?obj={"name":"Tom",?"height":1.71,?"weight":60};

$("#btn_1").click(obj,function(e){

var?str="";

for(var?k?in?e.data){

str?+=?k+"?:?"+e.data[k]+"\n";

}

alert(str);

});

});

/script

如何理解jquery事件對(duì)象

舉個(gè)例子：

input type="button" id="btn" value="按鈕" /

$("#btn").click(function(event){

//這個(gè)event就是事件對(duì)象,當(dāng)然這個(gè)事件對(duì)象在click事件被觸發(fā)時(shí)，才會(huì)產(chǎn)生。

//這個(gè)click里面指定的function(event){....} 就是事件處理函數(shù)。

});

也會(huì)有這樣的寫(xiě)法：

function hello(){ alert("hello world") };

$("#btn").bind("click",hello);//這種寫(xiě)法更直觀一些，就是將#btn對(duì)象的click事件處理指向?yàn)閔ello函數(shù)，即click事件觸發(fā)時(shí)，進(jìn)入hello函數(shù)中，執(zhí)行相應(yīng)的處理。