麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 23:00:21
字體:
來源:轉載
供稿:網友


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


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

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

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日本残忍极度灌浣肠视频 | 久久国产夫妻视频 | 欧美电影在线观看 | 一本一道久久久a久久久精品91 | 欧美一区二区三区久久精品视 | 国产女王女m视频vk 中文日韩 | 日韩av在线播放一区 | 成人国产在线看 | 精品一区二区三区免费爱 | 国产 视频 一区二区 | 久久精品片 | 最新在线黄色网址 | 久久久久久久久久久久久国产精品 | 久久精品欧美一区二区 | 一级大片久久 | 国产91九色 | 666sao| 欧美视频国产精品 | 午夜视频福利 | 午夜小电影 | 久久久三级免费电影 | 中文字幕亚洲一区二区三区 | 国产精品99久久久久久大便 | 精品国产一区二区三区四区阿崩 | 欧美一级美国一级 | 青青草国产在线视频 | 色网免费观看 | 亚洲一区二区三区日本久久九 | 美女毛片儿 | 久久亚洲一区二区三区成人国产 | 成人永久免费视频 | 午夜伦情电午夜伦情电影 | 91久久国产综合久久91猫猫 | 中文日韩在线 | 日韩黄色片免费看 | 最近国产中文字幕 | 国产一级一区二区 | 久久伊人精品视频 | 一本色道久久久888 香蕉视频99 | 一区二区三区日韩精品 | 欧美成人免费电影 |