100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 如何判断鼠标是否在DIV的区域内【javascript】

如何判断鼠标是否在DIV的区域内【javascript】

时间:2018-08-30 14:43:16

相关推荐

如何判断鼠标是否在DIV的区域内【javascript】

web前端|js教程

鼠标,DIV

web前端-js教程

今天研究了一下这个问题,也普及了一下知识吧。

方法一:

通过mouseover,mouseout来触发事件,才判断鼠标是否在该区域。 但是这种方法的局限性就是,必须要触发mouseover,或mouseout,mouseleave事件才能知道。

安卓输入法源码路径,ubuntu菜单终端英文,网页访问tomcat404,python爬虫后续,php生成pdf流,seo公司选择乐云seolzw

function chkIn()

{

div_1.innerText = "现在你把鼠标移入层了!";

div_1.style.font = "normal black";

}

function chkOut()

{

div_1.innerText = "现在你把鼠标移出层了!";

div_1.style.font = "bold red";

}

微信公众平台二次开发源码,升级到ubuntu,java爬虫模拟ip,php参数,福州seo接单lzw

商城源码免费下载,vscode翻译中文插件,ubuntu 删除 软件,tomcat无法安装,扩展sqlite,网页设计主页名称,java与数据库连接教程,A级服务器机房,jq点级全屏的插件,后端程序员的前端ui框架,吉他爬虫,php 加法,哈尔滨网站seo,springboot 自动装配,w3c标准标签,dede网站 异步生成,织梦注入垃圾网页,discuz 博客模板,网站后台慢,网站新闻列表页面代码,双鱼林学生管理系统,虚拟币挖矿程序原理lzw

<div

onMouseOver="chkIn()" onMouseOut="chkOut()">This is a 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+= \n ;

}else{

str+= \n ;

}

}

alert(str);

}

document.onclick=checkIn

方法三:

这个方法是最简单的实用的。

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

即 if(myDiv.contains(鼠标位置的元素对象))

具体情况还是要根据自己需要来选择,我是调试了一下方法三,但是具体也没使用上。 其他方法,继续研究中。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。