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

熱點內容
vhd文件有什麼用 瀏覽:482
編程小朋友看什麼書 瀏覽:623
經營如何讓數據說話 瀏覽:258
如何在手機上升級opop 瀏覽:614
coreldrawx5免費視頻教程 瀏覽:725
網站引導頁面源碼 瀏覽:234
個人簡歷範文word 瀏覽:220
uc下載的視頻怎樣提取到文件 瀏覽:499
英雄下載下載最新版本2015下載安裝 瀏覽:433
NX深孔鑽編程替換面如何操作 瀏覽:725
手機怎麼刪除pdf文件 瀏覽:256
蘋果手機沒有efs文件夾怎麼辦 瀏覽:723
metro軟體在哪個文件夾 瀏覽:69
怎麼用手機登錄編程貓 瀏覽:400
文本md204顯示器如何編程 瀏覽:705
如何將表中重復數據標記 瀏覽:859
中級資料庫系統工程師應用技術考什麼 瀏覽:404
博途編程如何設置停止鍵 瀏覽:409
python3刪除文件內容 瀏覽:754
如何優化seo數據分析 瀏覽:132

友情鏈接