JS怎么获取鼠标坐标并且根据鼠标位置不同弹出不同内容
这篇文章主要介绍JS怎么获取鼠标坐标并且根据鼠标位置不同弹出不同内容，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联公司是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发，网站制作，网站设计，网站模板，微信公众号开发，软件开发，成都小程序开发，十多年建站对格栅板等多个领域，拥有丰富建站经验。
js的作用是什么
1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies，包括创建和修改等。7、基于Node.js技术进行服务器端编程。
获取鼠标坐标，并且根据鼠标所在div弹出不同内容：
鼠标的距离
var mouseX;
var mouseY;
function show(event) {
var infoDiv = document.getElementById('infoDiv');
mouseOver(event);
document.getElementById("a").innerHTML = mouseX+" "+mouseY ;
infoDiv.style.display = "block";
//infoDiv.innerHTML = mouseX+" "+mouseY;
infoDiv.style.left = mouseX + 10 + "px";
infoDiv.style.top = mouseY + 10 + "px";
}
function hide() {
var infoDiv = document.getElementById('infoDiv').style.display = "none";;
}
function mouseOver(obj) {
e = obj || window.event;
// 此处记录鼠标停留在组建上的时候的位置, 可以自己通过加减常量来控制离鼠标的距离.
mouseX = e.layerX|| e.offsetX;
mouseY = e.layerY|| e.offsetY;
if(e.target.id == "aaa")
{
infoDiv.innerHTML = "aaa";
}
else if(e.target.id == "bbb")
{
infoDiv.innerHTML = "bbb";
}
else if(e.target.id == "ccc")
{
infoDiv.innerHTML = "ccc";
}
else if(e.target.id == "ddd")
{
infoDiv.innerHTML = "ddd";
}else{
infoDiv.innerHTML = "eee";
}
}
鼠标相对于触发事件元素的位置
aaa
bbb
