根本不是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加载jqueryminjs2加载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里鼠标移动显示图片当前坐标的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)