jQuery慢慢啃之事件物件(十一)

2022-05-02 23:57:08 字數 2479 閱讀 3975

1.event.currenttarget//在事件冒泡階段中的當前dom元素 

$("p").click(function(event) );  

2.event.data//當前執行的處理器被繫結的時候,包含可選的資料傳遞給jquery.fn.bind。

$("a").each(function(i) , function(e));

});

3.event.delegatetarget//當currently-called的jquery事件處理程式附加元素。

$(".box").on("click", "button", function(event) );
// 為id為element的元素中的所有span元素繫結click事件

$("#element").on("click","span",function(event));

// 為id為element的元素中的所有span元素繫結click事件

$("#element span").bind("click",function(event));

4.event.isdefaultprevented()//根據事件物件中是否呼叫過 event.preventdefault() 方法來返回乙個布林值

$("a").click(function(event));
5.event.isimmediatepropagationstopped()//根據事件物件中是否呼叫過 event.stopimmediatepropagation() 方法來返回乙個布林值。

function immediatepropstopped(e)  else 

}$("button").click(function(event) );

6.event.ispropagationstopped()//根據事件物件中是否呼叫過 event.stoppropagation() 方法來返回乙個布林值。

function propstopped(e)  else 

} $("button").click(function(event) );

7.event.namespace//當事件被觸發時此屬性包含指定的命名空間。

$("p").bind("test.something", function(event) );

$("button").click(function(event) );

8.event.pagex//滑鼠相對於文件的左邊緣的位置。

event.pagex//滑鼠相對於文件的左邊緣的位置。

$(document).bind('mousemove',function(e));
9.event.preventdefault()//阻止預設事件行為的觸發。

$("a").click(function(event) );
10.event.relatedtarget//在事件中涉及的其它任何dom元素

對於 mouseout 事件,它指向被進入的元素;對於 mousein 事件,它指向被離開的元素。

$("a").mouseout(function(event) );
11.event.result//這個屬性包含了當前事件事件最後觸發的那個處理函式的返回值,除非值是 undefined 。

$("button").click(function(event) );

$("button").click(function(event) );

12.event.stopimmediatepropagation()//阻止剩餘的事件處理函式執行並且防止事件冒泡到dom樹上。

$("p").click(function(event));  $("p").click(function(event));

$("div").click(function(event) );

13.event.stoppropagation()//防止事件冒泡到dom樹上,也就是不觸發的任何前輩元素上的事件處理函式。

$("p").click(function(event));
14.event.target//最初觸發事件的dom元素。

function handler(event) 

} $("ul").click(handler).find("ul").hide();

15.event.timestamp//這個屬性返回事件觸發時距離2023年1月1日的毫秒數。

var last, diff;  $('div').click(function(event)  else 

last = event.timestamp;

});

16.event.type//事件型別

$("a").click(function(event) );
17.event.which//針對鍵盤和滑鼠事件,這個屬效能確定你到底按的是哪個鍵或按鈕。

jQuery慢慢啃之特效(八)

1.show speed,easing fn 顯示隱藏的匹配元素 speed 三種預定速度之一的字串 slow normal or fast 或表示動畫時長的毫秒數值 如 1000 easing optional 用來指定切換效果,預設是 swing 可用引數 linear p show p sho...

jQuery慢慢啃之文件處理(五)

replaceall這個幾個方法成為乙個破壞性操作,返回值是所有被追加的內容,而不僅僅是先前所選中的元素。所以,要選擇先前選中的元素,需要使用end 方法 3.prepend content 向每個匹配的元素內部前置內容。p prepend hello 4.prependto content 把所有...

jQuery慢慢啃之選擇器(二)

1.mydiv id匹配乙個元素 foo bar 轉義 2.div 元素標籤名匹配 3.myclass css類名匹配 4.匹配所有元素,多用於結合上下文來搜尋 5.指定多個選擇器,把匹配結果組合返回 div p class myclass span p class notmyclass div,s...