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 mobile中获取触摸坐标的方法:

思路:利用jquerymobilejs(下载)获取GPS设备的经纬度信息,然后显示输出在sogou地图上。

1加载jqueryminjs

2加载jquerymobileminjs

3var gps = navigatorgeolocation;调用GPS

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>手机GPS定位获取</title>

        <script type="text/javascript" src="jqueryminjs"></script>

        <script type="text/javascript" src="jquerymobileminjs"></script>

        <script type="text/javascript" src=">

给你改了一下 试试呗 用 epageX epageY 也行吧 省的那么麻烦

$(document)ready(function(){

$("#img")mousemove(function(e){

var widthh=eoriginalEventx-$(this)offset()left||eoriginalEventlayerX-$(this)offset()left||0;//

var heightt=eoriginalEventy-$(this)offset()top||eoriginalEventlayerY-$(this)offset()top||0;//

$('#container')text("的宽度:" + widthh +"<br>的高度:"+heightt);

})mouseout(function(){

$("#tooltip")remove();

thistitle = thismyTitle;

})

});

</script>

</head>

<body>

<img id="img" width="200" height="200" src="images/starpng"></img>

<div id="container" style="width: 400px; height: 200px; background-color: green;">

</div>

</body>

以上就是关于JQuery如何获取到鼠标提留位置的坐标用e.pageX,e.pageY好像没生效。。高手帮看看吧全部的内容,包括:JQuery如何获取到鼠标提留位置的坐标用e.pageX,e.pageY好像没生效。。高手帮看看吧、jquery mobile 如何获取触摸的坐标、jquery里鼠标移动显示图片当前坐标的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存