jquery mobile 如何获取触摸的坐标
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery mobile 如何获取触摸的坐标相关的知识，希望对你有一定的参考价值。
我自己用JS写的方法总会有点小问题，可能会遇到定位不够准确或其他问题
所以想了解下jquery mobile中有没有封装好的 在发生触摸事件时获取触摸坐标 的方法？
jquery mobile中获取触摸坐标的方法：
思路：利用jquery.mobile.js(下载)获取GPS设备的经纬度信息，然后显示输出在sogou地图上。
1.加载jquery.min.js2.加载jquery.mobile.min.js
3.var gps = navigator.geolocation;调用GPS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>手机GPS定位获取</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.mobile.min.js"></script>
<script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.5.1.js"></script>
<script type="text/javascript">
function initialize(GX,GY)
var map = new sogou.maps.Map(document.getElementById("map_canvas"),
zoom: 15, //放大级别
center: new sogou.maps.LatLng(GX,GY),//设置中心点
mapTypeId: sogou.maps.MapTypeId.ROADMAP
);
var myLatlng = new sogou.maps.LatLng(GX,GY);
var marker1=new sogou.maps.Marker(
position: myLatlng,
map: map,
title:"经纬度坐标："+myLatlng,
label:visible:true,align:"TOP"
);
function startgps()
var gps = navigator.geolocation;
if (gps)
gps.getCurrentPosition(showgps,
function(error)
alert("Got an error, code: " + error.code + " message: "+ error.message);
,maximumAge: 10000//超时为10000毫秒
);
else
showgps();
function showgps(position)
if (position)
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
initialize(latitude,longitude);//调用Sogou地图显示坐标
else
alert("position is null");
</script>
<style type="text/css">
bodyheight:100%;margin:0px;padding:0px
#map_canvasheight:100%;height:500px;
</style>
</head>
<body onload="startgps();">
<div id="map_canvas"></div>
</body>
</html> 参考技术A 会有一个相应的鼠标事件，这个 MouseEvent 中会有当时的像素坐标的。 参考技术B function(event)
var touch = event.touches[0];
touch.pageX;//触摸的x坐标点
touch.pageY;//触摸的Y坐标点
以上是关于jquery mobile 如何获取触摸的坐标的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 abbyy mobile sdk for iphone 获取坐标
如何从 Swift 中的 valueChanged 事件中获取触摸坐标