-
事件對象的屬于與方法有很多,但是我們經(jīng)常用的只有那么幾個,這里我主要說下作用與區(qū)別 event.type:獲取事件的類型 觸發(fā)元素的事件類型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:獲取鼠標(biāo)當(dāng)前相對于頁面的坐標(biāo) 通過這2個屬性,可以確定元素在當(dāng)前頁面的坐標(biāo)值,鼠標(biāo)相對于文檔的左邊緣的位置(左邊)與 (頂邊)的距離,簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 event.preventDefault() 方法:阻止默認(rèn)行為 這個用的特別多,在執(zhí)行這個方法后,如果點擊一個鏈接(a標(biāo)簽),瀏覽器不會跳轉(zhuǎn)到新的 URL 去了。我們可以用 event.isDefaultPrevented() 來確定這個方法是否(在那個事件對象上)被調(diào)用過了 event.stopPropagation() 方法:阻止事件冒泡 事件是可以冒泡的,為防止事件冒泡到DOM樹上,也就是不觸發(fā)的任何前輩元素上的事件處理函數(shù) event.which:獲取在鼠標(biāo)單擊時,單擊的是鼠標(biāo)的哪個鍵 event.which 將 event.keyCode 和 event.charCode 標(biāo)準(zhǔn)化了。event.which也將正常化的按鈕按下(mousedown 和 mouseupevents),左鍵報告1,中間鍵報告2,右鍵報告3 event.currentTarget : 在事件冒泡過程中的當(dāng)前DOM元素 冒泡前的當(dāng)前觸發(fā)事件的DOM對象, 等同于this. this和event.target的區(qū)別: js中事件是會冒泡的,所以this是可以變化的,但event.target不會變化,它永遠是直接接受事件的目標(biāo)DOM元素; .this和event.target都是dom對象 如果要使用jquey中的方法可以將他們轉(zhuǎn)換,為jquery對象:$(this)和$(event.target);比如:event.target和$(event.target)的使用:查看全部
-
triggerHandler與trigger的用法是一樣的,重點看不同之處: ?triggerHandler不會觸發(fā)瀏覽器的默認(rèn)行為,.triggerHandler( "submit" )將不會調(diào)用表單上的.submit() ?.trigger() 會影響所有與 jQuery 對象相匹配的元素,而 .triggerHandler() 僅影響第一個匹配到的元素 ?使用 .triggerHandler() 觸發(fā)的事件,并不會在 DOM 樹中向上冒泡。 如果它們不是由目標(biāo)元素直接觸發(fā)的,那么它就不會進行任何處理 ?與普通的方法返回 jQuery 對象(這樣就能夠使用鏈?zhǔn)接梅?相反,.triggerHandler() 返回最后一個處理的事件的返回值。如果沒有觸發(fā)任何事件,會返回 undefined查看全部
-
trigger事件還有一個特性:會在DOM樹上冒泡,所以如果要阻止冒泡就需要在事件處理程序中返回false或調(diào)用事件對象中的.stopPropagation() 方法可以使事件停止冒泡查看全部
-
trigger觸發(fā)瀏覽器事件與自定義事件區(qū)別? ?自定義事件對象,是jQuery模擬原生實現(xiàn)的 ?自定義事件可以傳遞參數(shù)查看全部
-
event.type:獲取事件的類型 觸發(fā)元素的事件類型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:獲取鼠標(biāo)當(dāng)前相對于頁面的坐標(biāo) 通過這2個屬性,可以確定元素在當(dāng)前頁面的坐標(biāo)值,鼠標(biāo)相對于文檔的左邊緣的位置(左邊)與 (頂邊)的距離,簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 event.preventDefault() 方法:阻止默認(rèn)行為 這個用的特別多,在執(zhí)行這個方法后,如果點擊一個鏈接(a標(biāo)簽),瀏覽器不會跳轉(zhuǎn)到新的 URL 去了。我們可以用 event.isDefaultPrevented() 來確定這個方法是否(在那個事件對象上)被調(diào)用過了 event.stopPropagation() 方法:阻止事件冒泡 事件是可以冒泡的,為防止事件冒泡到DOM樹上,也就是不觸發(fā)的任何前輩元素上的事件處理函數(shù) event.which:獲取在鼠標(biāo)單擊時,單擊的是鼠標(biāo)的哪個鍵 event.which 將 event.keyCode 和 event.charCode 標(biāo)準(zhǔn)化了。event.which也將正常化的按鈕按下(mousedown 和 mouseupevents),左鍵報告1,中間鍵報告2,右鍵報告3 event.currentTarget : 在事件冒泡過程中的當(dāng)前DOM元素 冒泡前的當(dāng)前觸發(fā)事件的DOM對象, 等同于this. this和event.target的區(qū)別: js中事件是會冒泡的,所以this是可以變化的,但event.target不會變化,它永遠是直接接受事件的目標(biāo)DOM元素; .this和event.target都是dom對象 如果要使用jquey中的方法可以將他們轉(zhuǎn)換,為jquery對象:$(this)和$(event.target);比如:event.target和$(event.target)的使用查看全部
-
event.target target 屬性可以是注冊事件時的元素,或者它的子元素。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經(jīng)常用于事件冒泡時處理事件委托 簡單來說:event.target代表當(dāng)前觸發(fā)事件的元素,可以通過當(dāng)前元素對象的一系列屬性來判斷是不是我們想要的元素查看全部
-
事件對象是用來記錄一些事件發(fā)生時的相關(guān)信息的對象。事件對象只有事件發(fā)生時才會產(chǎn)生,并且只能是事件處理函數(shù)內(nèi)部訪問,在所有事件處理函數(shù)運行結(jié)束后,事件對象就被銷毀查看全部
-
off()方法卸載綁定的事件,可以在off()中傳入?yún)?shù)來確定卸載哪個事件,如果不傳入?yún)?shù)則是卸載所有事件查看全部
-
$("div").on("click","p",fn) 事件綁定在最上層div元素上,當(dāng)用戶觸發(fā)在a元素上,事件將往上冒泡,一直會冒泡在div元素上。如果提供了第二參數(shù),那么事件在往上冒泡的過程中遇到了選擇器匹配的元素,將會觸發(fā)事件回調(diào)函數(shù)查看全部
-
$("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 多個事件綁定同一個函數(shù) $("#elem").on("mouseover mouseout",function(){ }); 通過空格分離,傳遞不同的事件名,可以同時綁定多個事件 多個事件綁定不同函數(shù) $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 通過空格分離,傳遞不同的事件名,可以同時綁定多個事件,每一個事件執(zhí)行自己的回調(diào)方法查看全部
-
keypress事件與keydown和keyup的主要區(qū)別 ?對中文輸入法支持不好,無法響應(yīng)中文輸入 ?無法響應(yīng)系統(tǒng)功能鍵(如delete,backspace) ?由于前面兩個限制,keyCode與keydown和keyup不是很一致 總而言之, KeyPress主要用來接收字母、數(shù)字等ANSI字符,而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如:功能鍵(F1-F12)、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
keydown是在鍵盤按下就會觸發(fā) ?keyup是在鍵盤松手就會觸發(fā) ?理論上它可以綁定到任何元素,但keydown/keyup事件只是發(fā)送到具有焦點的元素上,不同的瀏覽器中,可獲得焦點的元素略有不同,但是表單元素總是能獲取焦點,所以對于此事件類型表單元素是最合適的。查看全部
-
form元素是有默認(rèn)提交表單的行為,如果通過submit處理的話,需要禁止瀏覽器的這個默認(rèn)行為 傳統(tǒng)的方式是調(diào)用事件對象 e.preventDefault() 來處理, jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可 jQuery處理如下: $("#target").submit(function(data) { return false; //阻止默認(rèn)行為,提交表單 });查看全部
-
通過在<form>元素上綁定submit事件,開發(fā)者可以監(jiān)聽到用戶的提交表單的的行為 具體能觸發(fā)submit事件的行為: ?<input type="submit"> ?<input type="image"> ?<button type="submit"> ?當(dāng)某些表單元素獲取焦點時,敲擊Enter(回車鍵) 上述這些操作下,都可以截獲submit事件。查看全部
-
select事件只能用于<input>元素與<textarea>元素 當(dāng)textarea和input文本框中的文字被選中。才會觸發(fā)select事件查看全部
舉報
0/150
提交
取消