導航:首頁 > 編程語言 > 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獲取當前滑鼠離窗口頂部的高度相關的資料

熱點內容
xml數據保存在哪裡 瀏覽:582
c提交json格式數據 瀏覽:849
怎麼知道網站域名在哪國 瀏覽:602
cad已安裝但找不到bin文件 瀏覽:645
杭州某it公司一程序員 瀏覽:671
少兒編程如何繪制滿天星星 瀏覽:733
新建文件夾是放在哪裡的 瀏覽:437
網路什麼樣 瀏覽:173
什麼網站可以看照片提高審美 瀏覽:41
dat文件手機怎麼打開方式 瀏覽:26
濟南高新區資料庫培訓機構 瀏覽:549
編寫c程序 瀏覽:739
華為榮耀6可能升級到安卓5嗎 瀏覽:174
編程用的小圖標在哪裡找 瀏覽:154
linux如何用命令編輯文本文件 瀏覽:248
cad零件庫文件修改 瀏覽:815
歐尚系統升級軟體 瀏覽:90
網站程序怎麼上傳 瀏覽:630
搬家什麼APP靠譜 瀏覽:241
pdf加入視頻文件夾 瀏覽:564

友情鏈接