导航:首页 > 编程语言 > js获取当前鼠标离窗口顶部的高度

js获取当前鼠标离窗口顶部的高度

发布时间:2024-11-14 07:05:45

『壹』 js怎么获得鼠标当前坐标

吸使用以下几种方式获取:
1.PageX/PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化
2.clientX/clientY:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化.
可是悲剧的是,PageX只有FF特有,IE这个悲剧没有啊T_T,所以大牛们想出了一个办法
PageY=clientY+scrollTop-clientTop;(只讨论Y轴,X轴同理,下同)
3.screenX/screenY:鼠标在屏幕上的位置,从屏幕左上角开始(w3c标准)
4.offsetX/offsetY:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值
5.
layerX/layerY:FF特有,鼠标相比较于当前坐标系的位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将改变参考坐标系,从触发元素盒子模型的border区域的左上角为参考点也就是当触发元素设置了相对或者绝对定位后,layerX和offsetX就幸福地生活在一起^-^,几乎相等,唯一不同就是一个从border为参考点,一个以内容为参考点

chrome和safari一条龙通杀!完全支持所有属性.其中(offsetX和layerX都是以border为参考点)

下面这个是获取相对于屏幕的坐标
document.onmousemove=function(e){e=e? e:window.event;document.writeln("X:"+e.screenX+"Y:"+e.screenY);}

『贰』 如何用js判断鼠标离开当前页面

function getMousePosition()
...{
var e = e||window.event;

var objSrc = e.srcElement;//event source element

var left = 0;
var top = 0;

while (objSrc.offsetParent)...{
left += objSrc.offsetLeft;
top += objSrc.offsetTop;
objSrc = objSrc.offsetParent;
}

left += objSrc.offsetLeft;//source element's offsetTop
top += objSrc.offsetTop;//source element's offsetLeft

//alert(e.offsetX);
mouseOffsetX = left + e.offsetX;
mouseOffsetY = top + e.offsetY;
mX.value = mouseOffsetX;
mY.value = mouseOffsetY;
}
document.onmousemove = getMousePosition;

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/cnkiminzhuhu/archive/2008/02/19/2106521.aspx

『叁』 求JS高手!DIV上面的边到鼠标的距离的问题!!!

您好:鼠标距离div上边的距离距=鼠标所在位置距离浏览器上边的距离-div上边离浏览器上边的距离。div离浏览器的的距离可以用js中的offsetTop方法获得。鼠标所在位置可以用js中的clientY来获得。这样相减后就是鼠标离div上边的距离。

『肆』 JS 判断鼠标滚轮滑动距离

如果使用jquery的话,可以这样写:

$(window).bind("scroll",function(){
vartop=$(this).scrollTop();//当前窗口的滚动距离
});

如果使用原生js,可以这样写(摘自网上的):

/**
*获取<ahref="https://www..com/s?wd=%E6%BB%9A%E5%8A%A8%E6%9D%A1&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-"target="_blank"class="-highlight">滚动条</a>距离顶端的距离
*@return{}支持IE6
*/
functiongetScrollTop(){
varscrollPos;
if(window.pageYOffset){
scrollPos=window.pageYOffset;}
elseif(document.compatMode&&document.compatMode!='BackCompat')
{scrollPos=document.documentElement.scrollTop;}
elseif(document.body){scrollPos=document.body.scrollTop;}
returnscrollPos;
}

『伍』 html,js如何获取当前鼠标位置

需要准备的材料复分别制有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

『陆』 JS判断怎么鼠标向下滑的距离(就是滚动条下拉的距离)

如果使用jquery的话,可以这样写:

$(window).bind("scroll",function(){
vartop=$(this).scrollTop();//当前窗口的滚动距离
});

如果使用原生js,可以这样写(摘自网上的):

/**
*获取滚动条距离顶端的距离
*@return{}支持IE6
*/
functiongetScrollTop(){
varscrollPos;
if(window.pageYOffset){
scrollPos=window.pageYOffset;}
elseif(document.compatMode&&document.compatMode!='BackCompat')
{scrollPos=document.documentElement.scrollTop;}
elseif(document.body){scrollPos=document.body.scrollTop;}
returnscrollPos;
}

『柒』 求JS获得当前鼠标的位置坐标的方法

有两种方法
1. 用组件的title属性, 这个是HTML中自带的提示属性, 当鼠标停留在组件上的时候, 就会弹出提示, 比如<div title="小明">name</div>, 当鼠标停留在div上的时候, 就会有一个小黄框, 显示"小明".

2.上面的提示框很不好看, 而且功能很固定, 所以你可以在组建上加一个onmouseover的事件, 记录鼠标的位置, 我写了一个例子, 你看看是不是你需要的:

<script>
var mouseX;
var mouseY;
function showName() {
var infoDiv = document.getElementById('infoDiv');
infoDiv.innerHTML = 'This is the name!';
infoDiv.style.left = mouseX;
infoDiv.style.top = mouseY;
infoDiv.style.display = "block";
}

function mouseOver(obj) {
// 此处记录鼠标停留在组建上的时候的位置, 可以自己通过加减常量来控制离鼠标的距离.
mouseX = event.clientX;
mouseY = event.clientY;
}
</script>
<div onclick="showName()" onmouseover="mouseOver()" >Click here to display name.</div>
<!-- 用来显示名字的DIV, 根据需要可以修改格式和布局 -->
<div id="infoDiv" style="display: none; position: absolute; width: 100px; height: 50px; background-color: #F1F19B;"></div>

阅读全文

与js获取当前鼠标离窗口顶部的高度相关的资料

热点内容
java做app需要学什么 浏览:736
图元文件怎样插入word 浏览:346
word表格消除粘贴的表格背景色 浏览:438
文件路径怎么改为绝对路径 浏览:537
park视频文件用什么软件打开 浏览:288
access数据库怎么设置数据表字段 浏览:622
ps工具图标 浏览:938
银行app怎么看完整卡号 浏览:527
xml数据保存在哪里 浏览:582
c提交json格式数据 浏览:849
怎么知道网站域名在哪国 浏览:602
cad已安装但找不到bin文件 浏览:645
杭州某it公司一程序员 浏览:671
少儿编程如何绘制满天星星 浏览:733
新建文件夹是放在哪里的 浏览:437
网络什么样 浏览:173
什么网站可以看照片提高审美 浏览:41
dat文件手机怎么打开方式 浏览:26
济南高新区数据库培训机构 浏览:549
编写c程序 浏览:739

友情链接