通過對滑動事件(touchmove)設置e.preventDefault()和e.stopPropagation()函數(shù)實現(xiàn)功能。以及禁止解除,即把touchmove改成touchstart即可。

專注于為中小企業(yè)提供成都網(wǎng)站建設、網(wǎng)站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)淮陰免費做網(wǎng)站提供優(yōu)質的服務。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了成百上千企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉變。
具體實現(xiàn)思路及代碼如下:
1、打開一個HTML頁面,頁面只有一個h標簽,并在瀏覽器打開開發(fā)者調(diào)試界面。安卓和IOS調(diào)試均正常。
2、添加關鍵函數(shù),滑動時輸出字符。(此時,將e.preventDefault()和e.stopPropagation()兩個函數(shù)注釋)
3、此時,開發(fā)者工具console輸出:
4、此時,將第三步的注釋去掉,將正常的console注釋,如下:
5、此時的頁面輸出如下:(滑動時返回錯誤)
擴展資料:
js移動端事件:
1、touchstart:當手指觸摸屏幕時觸發(fā);即使已經(jīng)有一個手指放在了屏幕上也會觸發(fā)
2、touchmove:當手指在屏幕上滑動時連續(xù)地觸發(fā)。在這個世界發(fā)生期間,調(diào)用preventDefault()可以阻止?jié)L動。
3、touchend:當手指在屏幕上移開時觸發(fā)。
4、touchcancel:當系統(tǒng)停止跟蹤觸摸時觸發(fā)。
上面這幾個事件都會冒泡,也都可以取消。
雖然這些觸摸事件沒有在DOM規(guī)范中定義,但它們卻是以兼容DOM的方式實現(xiàn)的。因此,每個觸摸事件的event對象都提供了鼠標事件中常見的屬性:
bubbles,cancelable,view,clientX,clientY,screenX,screenY,detail,altKey,shiftKey,ctrlKey和metaKey。
除了常見的DOM屬性外,觸摸世界還包含下列三個用于跟蹤觸摸的屬性。
1、touches:表示當前跟蹤的觸摸操作的Touch對象的數(shù)組。
2、targetTouches:特定于事件目標的Touch對象的數(shù)組。
3、changedTouches:表示字上次觸摸以來發(fā)生了什么改變的Touch對象的數(shù)組。
jquery中有一個hover 類似于 mouseover 和mouseout 你可以用它控制顯示 show() 隱藏 hide()
jquery mobile中獲取觸摸坐標的方法:
思路:利用jquery.mobile.js(下載)獲取GPS設備的經(jīng)緯度信息,然后顯示輸出在sogou地圖上。
1.加載jquery.min.js
2.加載jquery.mobile.min.js
3.var?gps?=?navigator.geolocation;調(diào)用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:"經(jīng)緯度坐標:"+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);//調(diào)用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://chinadenli.net/article1/dsiseod.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供關鍵詞優(yōu)化、網(wǎng)站排名、、建站公司、網(wǎng)站內(nèi)鏈、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)