网站建设资讯

NEWS

网站建设资讯

jquery触摸,jquery触摸事件

jquery怎么禁止手机页面触屏滑动页面滚动。(安卓和IOS都禁止)以及怎么接触禁止?谢谢

通过对滑动事件(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 网页 如何触碰显示不触碰就隐藏

jquery中有一个hover 类似于 mouseover 和mouseout 你可以用它控制显示 show() 隐藏 hide()

jquery mobile 如何获取触摸的坐标

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


分享名称:jquery触摸,jquery触摸事件
文章位置:http://cdweb.net/article/dsiseod.html