如何在javascript中获取鼠标的位置坐标,然后再在body里面做一个文本框获取

如何在javascript中获取鼠标的位置坐标,然后再在body里面做一个文本框获取,第1张

附上代码:

<!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获取当前网页滚动条的坐标呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9763428.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存