首頁  >  文章  >  web前端  >  如何判斷滑鼠是否在DIV的區域內_javascript技巧

如何判斷滑鼠是否在DIV的區域內_javascript技巧

WBOY
WBOY原創
2016-05-16 17:15:501796瀏覽

今天研究了一下這個問題,也普及了一下知識吧。

方法一:

透過mouseover,mouseout來觸發事件,才判斷滑鼠是否在該區域。 但這種方法的限制就是,必須要觸發mouseover,或mouseout,mouseleave事件才能知道。

複製程式碼 程式碼如下:

function chkIn()


function chkIn()


function chkIn()
  div_1.style.font = "normal black";
 }
   function "現在你把鼠標移出層了!";
  div_1.style.font = "bold red";
 }
複製程式碼

程式碼如下:


This is a DIV
 


方法>
複製程式碼 程式碼如下:

function eckineck( =window.event.clientX;
var   y=window.event.clientY;
var   str= ' ';
for(i=0;i             var  obj=document.body.children[i];
                            &&x      setTop
                        &&y                 str = ' n ';
        }
  }
alert(str);
}
document.onclick=checkIn
}
document.onclick=checkIn



方法三:


這個方法是最簡單的實用的。 複製程式碼

程式碼如下:

if(myDiv.contains(window.event.srcElementdow). )

即if(myDiv.contains(滑鼠位置的元素物件)) 具體情況還是要根據自己需要來選擇,我是調試了一下方法三,但是具體也沒使用上。 其他方法,繼續研究中。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn