导航:首页 > 编程语言 > 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获取当前鼠标离窗口顶部的高度相关的资料

热点内容
vb编程中输入cls是什么意思 浏览:81
linuxtime服务 浏览:184
疯狂安卓讲义第二版代码 浏览:420
老炮儿三小时版本下载 浏览:313
matlab怎么调试程序 浏览:2
winxp升级win7的危害 浏览:496
网络没连上却不可用是怎么回事 浏览:752
社区版本 浏览:738
怎么查微信公众号什么时候开通的 浏览:717
安装三菱编程闪退怎么回事 浏览:488
手机怎么创建word文件格式 浏览:694
c语言连接数据库 浏览:887
数据线粉色和白色哪个是正 浏览:775
vb编程应注意什么 浏览:855
js循环添加控件 浏览:615
学习计算机网络的作用 浏览:235
access数据库最新内容怎么调 浏览:203
上古世纪新版本跑商 浏览:267
iphone5国际漫游设置 浏览:107
ipodwatch如何安装app 浏览:114

友情链接