JavaScript如何取得滑鼠移入div的方向？我相信有很多剛接觸JavaScript的朋友都會有這樣的疑問。本章就跟大家介紹JavaScript如何取得滑鼠移入div的方向。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。
前幾天看了百度圖片帶有的文字標題，它會隨著滑鼠的移動方向載入，覺得蠻有意思，於是就想實現這麼個功能。經過一番搜尋和查找，找了兩種實作方法。
方法一：用四個div拼成一個區域，從哪個div移入，就是從哪個方向移入。
方法二：取得滑鼠移入的那個點，距離div的左右上下哪一邊最近，最近的那條邊就是滑鼠移入的方向。
針對方法二，自己寫了個小方法，程式碼如下，僅供參考
function getDirection(ev) {
var mx = ev.clientX,
my = ev.clientY;
var el = this.offsetLeft,
et = this.offsetTop,
ew = this.clientWidth,
eh = this.clientHeight;
var left = mx - el,
right = el + ew - mx,
top = my - et,
bottom = et + eh - my;
var min = Math.min.apply(Math, [left, right, top, bottom]);
if (min === left) {
return "left";
} else if (min === right) {
return "right";
} else if (min === top) {
return "top"
} else {
return "bottom";
}
}以上就是對JavaScript如何取得滑鼠移入div的方向的全部介紹，如果您想了解更多有關JavaScript影片教學，請關注PHP中文網。
以上是JavaScript如何取得滑鼠移入div的方向?（程式碼實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
