JQuery如何获取到鼠标提留位置的坐标用e.pageX,e.pageY好像没生效。。高手帮看看吧

JQuery如何获取到鼠标提留位置的坐标用e.pageX,e.pageY好像没生效。。高手帮看看吧,第1张

根本不是epageY、epageX的问题

你没有给div11 加position:absolute; 肯定显示在页面最下面了

$("#11")css({

"top": epageY,"left": epageX

,"backgroundColor":"yellow"})show("fast");

改成

$("#11")css({

position:"absolute","top": epageY,"left": epageX

,"backgroundColor":"yellow"})show("fast");

就行了

呵呵,,不知道你会不会JQUERY,给你一个JQ的代码吧:

获取IMG绝对X,Y坐标,可以用offset()方法:

var X = $('#img1')offset()top;

var Y = $('#img1')offset()left;

获取相对(父元素)位置:

var X = $('#img1')position()top;

var Y = $('#img1')position()left;

jq只有获取元素相对于浏览器的$(this)offset()left()忘了后边要不要小括号了$(this)offset()top()相对于父元素的话,把父元素的position设置成相对或绝对定位然后documentgetElementById("dddd")offsetTopdocumentgetElementById("dddd")offsetLeft就是你要的了

获得鼠标的坐标,很简单,代码如下,你试试:

jQuery Code:

$('body')bind("mousemove",function(event){

$('#ss')html('The mouse cursor is at:( '+ eventpageX + ',' + eventpageY + ')');

});

Xhtml Code:

<div id="ss">The mouse cursor is at:</div>

附图一张,效果如下:

IE6 FF Chrome 下都没有问题哦 已经试过

以上就是关于JQuery如何获取到鼠标提留位置的坐标用e.pageX,e.pageY好像没生效。。高手帮看看吧全部的内容,包括:JQuery如何获取到鼠标提留位置的坐标用e.pageX,e.pageY好像没生效。。高手帮看看吧、请问用javascript 怎样获得 div中的img的坐标、如何根据鼠标的坐标查找html元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9541811.html

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

发表评论

登录后才能评论

评论列表(0条)

保存