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

這篇文章主要介紹了jquery判斷鼠標(biāo)是否在div上的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

jquery判斷鼠標(biāo)是否在div上的方法：首先給div綁定【onmouseover()】事件，當(dāng)鼠標(biāo)移到div時(shí)，觸發(fā)事件，執(zhí)行【myfun()】函數(shù)；然后在myfun函數(shù)內(nèi)，使用【alert()】方法提示【鼠標(biāo)在div上了??！】即可。

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

1、新建一個(gè)html文件，命名為test.html，用于講解jquery怎么判斷鼠標(biāo)是否在div上。

2、在test.html文件內(nèi)，使用div創(chuàng)建一個(gè)模塊，并設(shè)置其id為mydiv，主要用下下面設(shè)置其css樣式。

3、為了展示明顯的效果，通過id來(lái)設(shè)置div的css樣式，設(shè)置div的寬度和高度都為100px，背景顏色為紅色。

4、在test.html文件內(nèi)，給div綁定onmouseover()事件，當(dāng)鼠標(biāo)移到div時(shí)，觸發(fā)事件，執(zhí)行myfun()函數(shù)。

5、在js標(biāo)簽內(nèi)，創(chuàng)建一個(gè)myfun()函數(shù)，當(dāng)函數(shù)被調(diào)用時(shí)，執(zhí)行方法體內(nèi)的代碼。

6、在myfun()函數(shù)內(nèi)，使用alert()方法提示“鼠標(biāo)在div上了！！”，確認(rèn)鼠標(biāo)是在div上。

7、在瀏覽器打開test.html文件，移動(dòng)鼠標(biāo)至div上，查看結(jié)果。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享jquery判斷鼠標(biāo)是否在div上的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!