亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

如何判斷鼠標是否在DIV的區域內

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

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

方法一:

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

復制代碼 代碼如下:

function chkIn()
    {
  div_1.innerText = "現在你把鼠標移入層了!";
  div_1.style.font = "normal black";
 }
   function chkOut()
    {
  div_1.innerText = "現在你把鼠標移出層了!";
  div_1.style.font = "bold red";
 }

復制代碼 代碼如下:

<div id="div_1" style="background-color:lightblue; width:400px; height:300px; "
       onMouseOver="chkIn()" onMouseOut="chkOut()">This is a DIV
  </div>

方法二:
復制代碼 代碼如下:

function   checkIn(e){
var   x=window.event.clientX;
var   y=window.event.clientY;
var   str= ' ';
for(i=0;i <document.body.children.length;i++){
            var   obj=document.body.children[i];
          if(x> obj.offsetLeft
                                  &&x <(obj.offsetLeft+obj.clientWidth)
                          &&y> obj.offsetTop
                        &&y <(obj.offsetTop+obj.clientHeight)){
                str+= ' <鼠標位于層 '+obj.id+ '范圍之內> /n ';
          }else{
                str+= ' <鼠標位于層 '+obj.id+ '范圍之外> /n ';
        }
  }
alert(str);
}
document.onclick=checkIn

方法三:

這個方法是最簡單的實用的。

復制代碼 代碼如下:

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

即 if(myDiv.contains(鼠標位置的元素對象))

具體情況還是要根據自己需要來選擇,我是調試了一下方法三,但是具體也沒使用上。 其他方法,繼續研究中。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人妇女淫片aaaa视频| 国产亚洲精品一区二555| 欧美午夜精品伦理| 国产成人精品综合| 成人美女免费网站视频| 在线成人激情黄色| 亚洲精品国产成人| 97色在线视频观看| 精品自拍视频在线观看| 国产在线视频欧美| 久久久久久欧美| 米奇精品一区二区三区在线观看| 久久精品这里热有精品| 国产精品视频免费在线观看| 久久精品国产免费观看| 韩国国内大量揄拍精品视频| 精品国产自在精品国产浪潮| 黑人巨大精品欧美一区免费视频| 91久久久久久久久久| 久久精品男人天堂| 国产成人短视频| 久久国产精品久久国产精品| 亚洲精品福利免费在线观看| 精品性高朝久久久久久久| 国产日产亚洲精品| 国产亚洲精品va在线观看| 一区二区三区亚洲| 日韩av在线最新| 亚洲精品999| 久久亚洲影音av资源网| 欧美视频二区36p| 亚洲黄页网在线观看| 亚洲国产欧美一区二区三区久久| 亚洲欧洲国产伦综合| 日韩中文字幕视频| 亚洲人成在线观看网站高清| 免费91麻豆精品国产自产在线观看| 国产精国产精品| 日韩激情av在线免费观看| 欧美日韩在线影院| 精品久久久久久久久久| 欧美老女人www| 精品中文字幕视频| 久久久久久欧美| 成人在线观看视频网站| 亚洲欧美日韩区| 亚洲国产精品人久久电影| 97在线观看视频| 欧美一级片免费在线| 成人h片在线播放免费网站| 欧美国产极速在线| 国产狼人综合免费视频| 久久人人爽人人爽爽久久| 午夜精品久久久久久久99热浪潮| 日韩美女中文字幕| 国产欧美日韩高清| 超碰精品一区二区三区乱码| 日韩a**中文字幕| 欧美在线免费看| 国产精品久久久久久中文字| 欧美性理论片在线观看片免费| 91精品在线看| 91在线看www| 4k岛国日韩精品**专区| 欧美精品videofree1080p| 欧美三级免费观看| 日韩美女视频免费在线观看| 亚洲综合精品伊人久久| 欧美午夜丰满在线18影院| 亚洲free嫩bbb| 欧美午夜精品久久久久久人妖| 日韩第一页在线| 国产97在线|日韩| 国产精品久久久久久久久久三级| 欧美电影在线免费观看网站| 国产精品国产三级国产aⅴ9色| 亚洲成人精品视频在线观看| 最近2019免费中文字幕视频三| 51色欧美片视频在线观看| 亚洲欧美日韩中文在线| 亚洲影视九九影院在线观看| 国产精品久久不能| 狠狠色狠狠色综合日日五| 91午夜在线播放| 亚洲国产欧美一区二区丝袜黑人| 97在线视频免费观看| 欧美最近摘花xxxx摘花| 免费97视频在线精品国自产拍| 欧美丰满少妇xxxxx| 色综合久久悠悠| 中文字幕日韩视频| 亚洲午夜未删减在线观看| 久久人人爽人人爽人人片亚洲| 亚洲欧美中文日韩在线| 国产精品欧美一区二区| 伊人久久男人天堂| 国产精品久久久久久亚洲影视| 久久久99久久精品女同性| 97色在线观看| 欧美黑人又粗大| 精品久久国产精品| 亚洲成人精品视频在线观看| 亚洲福利在线视频| 国产精品国内视频| 91久久国产综合久久91精品网站| 国产一区二区成人| 国产一区二区在线播放| 国内精品模特av私拍在线观看| 中文字幕九色91在线| 欧美日韩在线第一页| 26uuu日韩精品一区二区| 亚洲欧美自拍一区| 欧美日韩精品在线视频| 韩国视频理论视频久久| 91po在线观看91精品国产性色| 国产成人97精品免费看片| 欧美精品激情视频| 国产亚洲在线播放| 国产精品香蕉国产| 久久久久久久久国产精品| 人人做人人澡人人爽欧美| 久久久精品美女| 亚洲欧美中文字幕在线一区| 国产精品高潮视频| 夜色77av精品影院| 日韩欧美在线视频免费观看| 欧美激情久久久| 国产成人精品在线播放| 欧美夫妻性生活xx| 777午夜精品福利在线观看| 成人黄色片在线| 成人黄色av网| 亚洲精品久久久久久久久久久| 欧洲亚洲免费在线| 久久影院在线观看| 中文字幕日韩在线播放| 51精品在线观看| 日韩欧美成人网| 亚洲美女精品成人在线视频| 国产福利成人在线| 久热精品在线视频| 国产成人精品视频| 国产精品久久久久久久久免费看| 亚洲精品久久久久久久久| 久久韩剧网电视剧| 中文字幕日本精品| 久久久99久久精品女同性| 日韩成人性视频| 精品国产31久久久久久| x99av成人免费| 国产亚洲美女精品久久久| 精品动漫一区二区| 中文字幕日本精品| 亚洲综合视频1区| 亚洲精品久久久久久久久久久久久| 欧美成人网在线| 成人网址在线观看| 伊人伊成久久人综合网小说| 91精品国产电影| 欧美在线日韩在线| 91av在线网站| 欧美放荡办公室videos4k| 国产精品∨欧美精品v日韩精品| 亚洲免费伊人电影在线观看av|