
附上代码:
<!DOCTYPE html>
<html>
<head>
<script>
function mousePosition(evt){
evt = evt || windowevent;
var xPos = evtpageX || evtclientX || evtoffsetX || evtx;
var yPos = evtpageY || evtclientY || evtoffsetY || evty;
return [xPos, yPos];
}
function moveWindow (e) {
documentonmousemove = function(e){
resultinnerHTML = mousePosition(e);
};
}
onload = moveWindow;
</script>
</head>
<body>
<div id="result">
<!-- 展示结果 -->
</div>
</body>
</html>
看了一下,你这种情况用根据鼠标位置来定位的div层来做好像不合适,你想想如果鼠标在文本框上时你不是也要将层放到文本框上吧,你可以看看别人的网站 上的,都是单独做的,这样体验才会好你想偷懒的话可以这样,用表格布局,后面多加一列,专门放显示信息的,然后根据事件的源对象,将信息显示到指定的单元格中另,function getpostion(e)//为了同时支持IE和FireFox,e必须为event对象要想将div位置固定的话需要将其posistion属性设为absolute;ps:晕死,竟然让我打三遍
//滚动条位置
function GetPageScroll()
{
var x, y; if(windowpageYOffset)
{ // all except IE
y = windowpageYOffset;
x = windowpageXOffset;
} else if(documentdocumentElement && documentdocumentElementscrollTop)
{ // IE 6 Strict
y = documentdocumentElementscrollTop;
x = documentdocumentElementscrollLeft;
} else if(documentbody) { // all other IE
y = documentbodyscrollTop;
x = documentbodyscrollLeft;
}
return {X:x, Y:y};
}
以上就是关于如何在javascript中获取鼠标的位置坐标,然后再在body里面做一个文本框获取全部的内容,包括:如何在javascript中获取鼠标的位置坐标,然后再在body里面做一个文本框获取、javascript怎么获取元素的坐标、怎么用JavaScript获取当前网页滚动条的坐标呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)