国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS判斷鼠標從什么方向進入一個容器實例說明

2019-11-20 23:00:21
字體:
供稿:網(wǎng)友


偶然將想到的一個如何判斷鼠標從哪個方向進入一個容器的問題。首先想到的是給容器的四個邊添加幾塊,然后看鼠標進入的時候哪個塊先監(jiān)聽到鼠標事件。不過這樣麻煩太多了。google了一下找到了一個不錯的解決方法,是基于jquery的,說實話,其中的var direction = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180) / 90) + 3) % 4;這句用到的數(shù)學知識我是真沒有看明白,原文中有一些英文注釋我就不一一說明了。代碼部分不是很多,我直接寫了個示例。


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

鼠標移動到上面,可以看到效果。其中返回的direction的值為“0,1,2,3”分別對應著“上,右,下,左”
所以結(jié)果值可以switch循環(huán)

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

原文代碼是基于jquery的,后面我寫了個原生的js效果,代碼沒有封裝,給需要的朋友。由于firefox等瀏覽器不支持mouseenter,mouseleave事件,所以我暫時用mouseover,mouseout代替了,如果大家需要解決冒泡問題的話,還是自行搜索兼容性解決方法吧。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 浦江县| 句容市| 湾仔区| 汉中市| 合川市| 永靖县| 洪洞县| 望谟县| 财经| 电白县| 镇安县| 张家界市| 合肥市| 察隅县| 陇川县| 鱼台县| 浮梁县| 木兰县| 武冈市| 关岭| 清水河县| 定西市| 乡宁县| 华蓥市| 山东省| 保康县| 武陟县| 镇江市| 英吉沙县| 澄迈县| 星子县| 莎车县| 惠州市| 安多县| 壶关县| 绥滨县| 兴宁市| 武平县| 友谊县| 赤壁市| 将乐县|