jquery判斷鼠標(biāo)是否在元素上的方法-創(chuàng)新互聯(lián)

小編給大家分享一下jquery判斷鼠標(biāo)是否在元素上的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)一直通過(guò)網(wǎng)站建設(shè)和網(wǎng)站營(yíng)銷幫助企業(yè)獲得更多客戶資源。以"深度挖掘，量身打造，注重實(shí)效"的一站式服務(wù)，以成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、移動(dòng)互聯(lián)產(chǎn)品、營(yíng)銷型網(wǎng)站建設(shè)服務(wù)為核心業(yè)務(wù)。十年網(wǎng)站制作的經(jīng)驗(yàn)，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價(jià)格便宜而且實(shí)用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡(jiǎn)單易用，維護(hù)方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

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)指針從元素上移開時(shí)，發(fā)生 mouseout 事件。

PS：和 mouseenter/mouseleave 事件不同，不論鼠標(biāo)指針進(jìn)入/離開被選元素還是任何子元素，都會(huì)觸發(fā) mouseover/mouseout 事件。只有在鼠標(biāo)指針進(jìn)入/離開被選元素時(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í)，也就是剛打開頁(yè)面時(shí)，是判斷不出來(lái)的，只有把鼠標(biāo)移上div上一次，激活了mouseover事件后，才能判斷，具體可以看上面給的那個(gè)在線實(shí)例演示。

示例：

<!doctype html>
<html>
<head>
<script language="JavaScript" src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
 href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
</head>
<body class="text-center p-5">
  <DIV class="border border-danger p-5">
    <Div id="aijquery" class="border border-dark p-3 alert-success">
      <span class="primary border border-dark">inifo</span><br>
    </Div>
  </DIV>
<script language="JavaScript">
$("#aijquery").mouseover(function(){
 $(".primary").text("鼠標(biāo)在這個(gè)DIV元素里");
}).mouseout(function(){
 $(".primary").text("鼠標(biāo)不在這個(gè)DIV元素里");
});
</script>
</body>
</html>

效果圖：

jquery判斷鼠標(biāo)是否在元素上的方法

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)指針離開被選元素時(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è)資訊頻道，感謝各位的閱讀！

網(wǎng)站標(biāo)題：jquery判斷鼠標(biāo)是否在元素上的方法-創(chuàng)新互聯(lián)
URL鏈接：http://aaarwkj.com/article42/gcsec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、關(guān)鍵詞優(yōu)化、ChatGPT、域名注冊(cè)、App設(shè)計(jì)、服務(wù)器托管

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

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jquery判斷鼠標(biāo)是否在元素上的方法-創(chuàng)新互聯(lián)