jquery中鼠標(biāo)移上和移開(kāi)的動(dòng)作是什么？

mouseover事件于用戶(hù)把鼠標(biāo)從一個(gè)元素移動(dòng)到另外一個(gè)元素上時(shí)觸發(fā)，mouseout事件于用戶(hù)把鼠標(biāo)移出一個(gè)元素時(shí)觸發(fā)。\x0d\x0a下面為你詳細(xì)介紹下jquery中的鼠標(biāo)事件：\x0d\x0a(1):click事件：click事件于用戶(hù)在元素敲擊鼠標(biāo)左鍵，并在相同元素上松開(kāi)左鍵時(shí)觸發(fā)；\x0d\x0a$('p').click(function(){\x0d\x0aalert('click function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(2):dbclick事件：dbclick事件在用戶(hù)完成迅速連續(xù)的兩次點(diǎn)擊之后觸發(fā)，雙擊的速度取決于操作系統(tǒng)的設(shè)置。一般雙擊事件在頁(yè)面中不經(jīng)常使用；\x0d\x0a$('p').dbclick(function(){\x0d\x0aalert('dbclick function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(3):mousedown事件：mousedown事件在用戶(hù)敲擊鼠標(biāo)鍵時(shí)觸發(fā)，跟keydown事件不一樣，該事件僅在按下鼠標(biāo)時(shí)觸發(fā)；\x0d\x0a$('p').mousedown(function(){\x0d\x0aalert('mousedown function is\x0d\x0arunning !');\x0d\x0a});\x0d\x0a(4):mouseup事件：mouseup事件在用戶(hù)松開(kāi)鼠標(biāo)時(shí)觸發(fā)，如果在與按下鼠標(biāo)的元素相同元素上松開(kāi)，那么click事件也會(huì)觸發(fā)；\x0d\x0a$('p').mouseup(function(){\x0d\x0aalert('mouseup function is running\x0d\x0a!');\x0d\x0a}).click(function(){\x0d\x0aalert('click\x0d\x0afunction is running too !');\x0d\x0a});\x0d\x0a(5):mouseover事件：mouseover事件于用戶(hù)把鼠標(biāo)從一個(gè)元素移動(dòng)到另外一個(gè)元素上時(shí)觸發(fā)，如果需要知道來(lái)自那個(gè)元素可以使用，relatedTagrget屬性；\x0d\x0a(6):mouseout事件：mouseout事件于用戶(hù)把鼠標(biāo)移出一個(gè)元素時(shí)觸發(fā)，這包括從父元素移動(dòng)到子元素上，或者使用鍵盤(pán)跳到元素上。

成都創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)寶應(yīng),10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):13518219792

jquery 鼠標(biāo)事件

這個(gè)涉及到JS事件的冒泡~

簡(jiǎn)單得解釋下JS事件原理，就拿你問(wèn)的舉例~

1.捕獲階段，就是捕獲到事件的發(fā)生，然后執(zhí)行綁定的方法，mouseout其實(shí)是發(fā)生在最內(nèi)部的li上面的，這個(gè)階段就到此為止

2.冒泡階段，之后mouseout這個(gè)動(dòng)作就會(huì)沿著DOM樹(shù)一層一層向上觸發(fā)，所以在外層的div也是觸發(fā)了mouseout動(dòng)作的，所以綁定在div

mouseout事件上面的方法就執(zhí)行了

還有就是關(guān)于，mouseout事件本身，這個(gè)會(huì)發(fā)生在鼠標(biāo)從一個(gè)DOM移動(dòng)到另一個(gè)DOM時(shí)

還是拿你的問(wèn)題來(lái)說(shuō)

假設(shè)現(xiàn)在鼠標(biāo)在#F_M_info上，當(dāng)鼠標(biāo)移動(dòng)到它內(nèi)部的div、a或者是li，mouseout事件都會(huì)發(fā)生

所以jquery為我們提供了另外一組事件，mouseenter和mouseleave

這組事件就是純粹得從#F_M_info移進(jìn)移出，而不管鼠標(biāo)在其內(nèi)部干了什么

但要注意，這組事件不是JS原生的，而是jquery通過(guò)計(jì)算模擬實(shí)現(xiàn)的

希望對(duì)您有幫助~

By

Billskate

jquery鼠標(biāo)點(diǎn)擊事件

$(".inpt").click(function(){

$this.addClass("on");

});

$("*").not(".inpt").click(function(){

$this.removeClass("on");

});

其實(shí)你可以去看看jq的hover函數(shù)

$(".inpt").hover(

function(){

$this.addClass("on");

},function(){

$this.removeClass("on");

}

);

jquery鼠標(biāo)點(diǎn)擊事件是什么？

定義和用法：

當(dāng)點(diǎn)擊元素時(shí)，會(huì)發(fā)生 click 事件。

當(dāng)鼠標(biāo)指針停留在元素上方，然后按下并松開(kāi)鼠標(biāo)左鍵時(shí)，就會(huì)發(fā)生一次 click。

click() 方法觸發(fā) click 事件，或規(guī)定當(dāng)發(fā)生 click 事件時(shí)運(yùn)行的函數(shù)。

鼠標(biāo)事件是在用戶(hù)移動(dòng)鼠標(biāo)光標(biāo)或者使用任意鼠標(biāo)鍵點(diǎn)擊時(shí)觸發(fā)的。

1、click事件：點(diǎn)擊鼠標(biāo)左鍵時(shí)觸發(fā)

$('p').click(function(){});

示例：

123 $('p').click(function(){ ? ? ? ?alert('click function is running !'); ? ? ? });

2、dbclick事件：迅速連續(xù)的兩次點(diǎn)擊時(shí)觸發(fā)

$('p').dbclick(function(){});

示例：

123 $("button").dblclick(function(){ $("p").slideToggle();});

3、mousedown事件：按下鼠標(biāo)時(shí)觸發(fā)

$('p').mousedown(function(){});

示例

123 $("button").mousedown(function(){ $("p").slideToggle();});

4、mouseup事件：松開(kāi)鼠標(biāo)時(shí)觸發(fā)

$('p').mouseup(function(){});

示例：

123 $("button").mouseup(function(){ $("p").slideToggle();});

5、mouseover事件：鼠標(biāo)從一個(gè)元素移入另一個(gè)元素時(shí)觸發(fā)

mouseout事件：鼠標(biāo)移出元素時(shí)觸發(fā)

$('p').mouseover(function(){});

$('p').mouseout(function(){});

示例：

123456 $("p").mouseover(function(){ $("p").css("background-color","yellow");});$("p").mouseout(function(){ $("p").css("background-color","#E9E9E4");});

6、mouseenter事件：鼠標(biāo)移入元素時(shí)觸發(fā)

mouseleave事件：鼠標(biāo)移出元素時(shí)觸發(fā)

$('p').mouseenter(function(){});

$('p').mouseleave(function(){});

示例

123456 $("p").mouseenter(function(){ $("p").css("background-color","yellow");});$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4");});

7、hover事件

$('p').hover(

function(){},

function(){}

);

示例

123456789 $(".table_list tr").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } );

8、toggle事件：鼠標(biāo)點(diǎn)擊切換事件

$('p').toggle(

function(){},

function(){}

);

示例

12345678 $("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");}

網(wǎng)頁(yè)題目：jquery的鼠標(biāo)事件,jquery鼠標(biāo)事件與人物移動(dòng)
轉(zhuǎn)載注明：http://chinadenli.net/article42/dsioghc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、網(wǎng)站維護(hù)、建站公司、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)