-
event.type:獲取事件的類型
觸發(fā)元素的事件類型
$("a").click(function(event)?{ ??alert(event.type);?//?"click"事件 });
event.pageX 和 event.pageY:獲取鼠標(biāo)當(dāng)前相對(duì)于頁(yè)面的坐標(biāo)
通過(guò)這2個(gè)屬性,可以確定元素在當(dāng)前頁(yè)面的坐標(biāo)值,鼠標(biāo)相對(duì)于文檔的左邊緣的位置(左邊)與 (頂邊)的距離,簡(jiǎn)單來(lái)說(shuō)是從頁(yè)面左上角開(kāi)始,即是以頁(yè)面為參考點(diǎn),不隨滑動(dòng)條移動(dòng)而變化
event.preventDefault() 方法:阻止默認(rèn)行為
這個(gè)用的特別多,在執(zhí)行這個(gè)方法后,如果點(diǎn)擊一個(gè)鏈接(a標(biāo)簽),瀏覽器不會(huì)跳轉(zhuǎn)到新的 URL 去了。我們可以用 event.isDefaultPrevented() 來(lái)確定這個(gè)方法是否(在那個(gè)事件對(duì)象上)被調(diào)用過(guò)了
event.stopPropagation() 方法:阻止事件冒泡
事件是可以冒泡的,為防止事件冒泡到DOM樹(shù)上,也就是不觸發(fā)的任何前輩元素上的事件處理函數(shù)
event.which:獲取在鼠標(biāo)單擊時(shí),單擊的是鼠標(biāo)的哪個(gè)鍵
event.which 將 event.keyCode 和 event.charCode 標(biāo)準(zhǔn)化了。event.which也將正?;陌粹o按下(mousedown 和 mouseupevents),左鍵報(bào)告1,中間鍵報(bào)告2,右鍵報(bào)告3
event.currentTarget : 在事件冒泡過(guò)程中的當(dāng)前DOM元素
冒泡前的當(dāng)前觸發(fā)事件的DOM對(duì)象, 等同于this.
this和event.target的區(qū)別:
js中事件是會(huì)冒泡的,所以this是可以變化的,但event.target不會(huì)變化,它永遠(yuǎn)是直接接受事件的目標(biāo)DOM元素;
.this和event.target都是dom對(duì)象
如果要使用jquey中的方法可以將他們轉(zhuǎn)換為jquery對(duì)象。比如this和$(this)的使用、event.target和$(event.target)的使用;
查看全部 -
jQuery鼠標(biāo)事件之mousedown與mouseup事件
查看全部 -
jQuery鼠標(biāo)事件之click與dbclick事件
查看全部 -
keypress事件與keydown和keyup的主要區(qū)別
只能捕獲單個(gè)字符,不能捕獲組合鍵
無(wú)法響應(yīng)系統(tǒng)功能鍵(如delete,backspace)
不區(qū)分小鍵盤和主鍵盤的數(shù)字字符
查看全部 -
在同一元素上同時(shí)綁定 click 和 dblclick 事件是不可取的。各個(gè)瀏覽器事件觸發(fā)的順序是不同的,一些瀏覽器在dblclick之前接受兩個(gè) click 事件 ,而一些瀏覽器只接受一個(gè) click 事件。用戶往往可通過(guò)不同的操作系統(tǒng)和瀏覽器配置雙擊靈敏度
查看全部 -
form元素是有默認(rèn)提交表單的行為,如果通過(guò)submit處理的話,需要禁止瀏覽器的這個(gè)默認(rèn)行為 傳統(tǒng)的方式是調(diào)用事件對(duì)象??e.preventDefault()?來(lái)處理,?jQuery中可以直接在函數(shù)中最后結(jié)尾return?false即可
查看全部 -
select事件只能用于<input>元素與<textarea>元素
查看全部 -
blur? focusout
focus focusin
查看全部 -
? ? function greet( event ) {
? alert( "Hello " + event.data.name ); //Hello 慕課網(wǎng)
}
$( "button" ).on( "click",? {name: "慕課網(wǎng)"},? greet );
查看全部 -
$("#test1").on('click', function(e) {
? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? })
等同于:
$("#test1").click(function(e) {
? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? })
查看全部 -
$("#test2").on('mousedown mouseup', function(e) {
? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? })
等同于:
$("#test2").on({
? ? ? ? mousedown: function(e) {
? ? ? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? ? ? },
? ? ? ? mouseup: function(e) {
? ? ? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? ? ? }
? ? })
查看全部 -
triggerHandler()--trigger()
查看全部 -
event.target
$("ul").on("click",function(e){
? ? alert("觸發(fā)事件為:"+e.target.textContent)})
查看全部 -
on委托機(jī)制:.on(events,[selector],[data],handler(eventObject))--
$('body').on('click','a',function(e){
? alert(e.target.textContent)})
查看全部 -
focusin()
$("ele").focusin()--指定觸發(fā)事件
$ele.focusin(hander)---$("#test").focusin(function(){})
$ele.focusin([eventData].handler)--$("#test").focusin(1111,function(e){})
查看全部
舉報(bào)