扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
通过对滑动事件(touchmove)设置e.preventDefault()和e.stopPropagation()函数实现功能。以及禁止解除,即把touchmove改成touchstart即可。
专注于为中小企业提供成都网站建设、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业淮阴免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了成百上千企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
具体实现思路及代码如下:
1、打开一个HTML页面,页面只有一个h标签,并在浏览器打开开发者调试界面。安卓和IOS调试均正常。
2、添加关键函数,滑动时输出字符。(此时,将e.preventDefault()和e.stopPropagation()两个函数注释)
3、此时,开发者工具console输出:
4、此时,将第三步的注释去掉,将正常的console注释,如下:
5、此时的页面输出如下:(滑动时返回错误)
扩展资料:
js移动端事件:
1、touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发
2、touchmove:当手指在屏幕上滑动时连续地触发。在这个世界发生期间,调用preventDefault()可以阻止滚动。
3、touchend:当手指在屏幕上移开时触发。
4、touchcancel:当系统停止跟踪触摸时触发。
上面这几个事件都会冒泡,也都可以取消。
虽然这些触摸事件没有在DOM规范中定义,但它们却是以兼容DOM的方式实现的。因此,每个触摸事件的event对象都提供了鼠标事件中常见的属性:
bubbles,cancelable,view,clientX,clientY,screenX,screenY,detail,altKey,shiftKey,ctrlKey和metaKey。
除了常见的DOM属性外,触摸世界还包含下列三个用于跟踪触摸的属性。
1、touches:表示当前跟踪的触摸操作的Touch对象的数组。
2、targetTouches:特定于事件目标的Touch对象的数组。
3、changedTouches:表示字上次触摸以来发生了什么改变的Touch对象的数组。
jquery中有一个hover 类似于 mouseover 和mouseout 你可以用它控制显示 show() 隐藏 hide()
jquery mobile中获取触摸坐标的方法:
思路:利用jquery.mobile.js(下载)获取GPS设备的经纬度信息,然后显示输出在sogou地图上。
1.加载jquery.min.js
2.加载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=""/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"
body{height:100%;margin:0px;padding:0px}
#map_canvas{height:100%;height:500px;}
/style
/head
body onload="startgps();"
div id="map_canvas"/div
/body
/html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流