小編給大家分享一下jquery判斷鼠標(biāo)是否在元素上的方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
jquery判斷鼠標(biāo)是否在元素上的方法:1、使用mouseover方法實(shí)現(xiàn)判斷鼠標(biāo)是否在元素上;2、通過(guò)mouseout方法實(shí)現(xiàn)判斷鼠標(biāo)是否在元素上。
在jquery中,可以使用mouseover()和mouseout()方法來(lái)實(shí)現(xiàn)判斷鼠標(biāo)是否在元素上。
jquery判斷鼠標(biāo)是否在元素上
當(dāng)鼠標(biāo)指針位于元素上方時(shí),會(huì)發(fā)生 mouseover 事件,當(dāng)鼠標(biāo)指針從元素上移開(kāi)時(shí),發(fā)生 mouseout 事件。
PS:和 mouseenter/mouseleave 事件不同,不論鼠標(biāo)指針進(jìn)入/離開(kāi)被選元素還是任何子元素,都會(huì)觸發(fā) mouseover/mouseout 事件。只有在鼠標(biāo)指針進(jìn)入/離開(kāi)被選元素時(shí),才會(huì)觸發(fā) mouseenter/mouseleave 事件。
$("#aijquery").mouseover(function(){ $(".primary").text("方法二:鼠標(biāo)在這個(gè)DIV元素里"); }).mouseout(function(){ $(".primary").text("方法二:鼠標(biāo)不在這個(gè)DIV元素里"); });
缺點(diǎn):在頁(yè)面初始化時(shí),也就是剛打開(kāi)頁(yè)面時(shí),是判斷不出來(lái)的,只有把鼠標(biāo)移上div上一次,激活了mouseover事件后,才能判斷,具體可以看上面給的那個(gè)在線實(shí)例演示。
示例:
inifo
效果圖:
mouseover() 方法
當(dāng)鼠標(biāo)指針位于元素上方時(shí),會(huì)發(fā)生 mouseover 事件。
mouseover() 方法觸發(fā) mouseover 事件,或添加當(dāng)發(fā)生 mouseover 事件時(shí)運(yùn)行的函數(shù)。
mouseout() 方法
當(dāng)鼠標(biāo)指針離開(kāi)被選元素時(shí),會(huì)發(fā)生 mouseout 事件。
mouseout() 方法觸發(fā) mouseout 事件,或添加當(dāng)發(fā)生 mouseout 事件時(shí)運(yùn)行的函數(shù)。
看完了這篇文章,相信你對(duì)“jquery判斷鼠標(biāo)是否在元素上的方法”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!