日本乱理伦片在线观看真_久久国产综合精品swag_日本护士高清喷水_久久久噜噜噜久久中文_国内真实愉拍系列在线

首頁  >  新聞動態(tài)  > 網(wǎng)站知識 > 模板修改

單指右滑動事件,實現(xiàn)左右換頁(View.aspx)

var curpageX =-1; 
var curpageXmove =-1; 
function loadtouch (){
 
 		//單指拖動
	//var obj = document.getElementById('newspapercontent');
 var obj=document.querySelector("#newspapercontent");
	obj.addEventListener("touchstart", function(event) {
 
		var touch = event.targetTouches[0];
		//var left = parseInt(obj.style.left);
		// alert(left);
		//var x = touch.pageX - left;
 curpageX = touch.pageX;
		//var y = touch.pageY - left;
 if (event.targetTouches.length != 1) { 
 curpageX=-1
 return;
 }
 if (curpageX>50) { 
 curpageX=-1
 return;
 }
 //console.log("curpageX"); 
 // event.preventDefault();
		obj.addEventListener('touchmove', function(event) {
			// 假設(shè)這個元素的位置內(nèi)僅僅有一個手指的話 
			if (event.targetTouches.length == 1) { 
				event.preventDefault(); // 阻止瀏覽器默認(rèn)事件,重要
				var touch = event.targetTouches[0];
				// 把元素放在手指所在的位置
 
				//obj.style.left = touch.pageX - x + 'px';
				// obj.style.top = touch.pageY + 'px';
 curpageXmove = touch.pageX;
 // console.log(curpageXmove); 
			}
 else
 {
 curpageX=-1
 return;
 }
		}, false);
 
	});
	obj.addEventListener("touchend",function(event){ 
 if(curpageX==-1)
 return;
 if (curpageX>0 && (curpageXmove-curpageX)>5)
 {
 //console.log("touchend"); 
 window.location.href=returnurl;
 }
 //event.preventDefault();
		//obj.removeEventListener("touchstart");
		//obj.removeEventListener("touchmove");
	});
} 
 
 
//if (!(navigator.userAgent.indexOf("iPhone")>-1) && navigator.userAgent.indexOf("MicroMessenger")>-1){
if (!(navigator.userAgent.indexOf("iPhone")>-1) ){
 //touch 
 
 window.addEventListener('load',loadtouch, false);
}

 

相關(guān)文章
單指滑動
http://m.huimenpiao.org.cn/Content/weixinlogo.jpg
閱速CMS系統(tǒng)提供用戶體驗更佳的國內(nèi)Cms軟件
單指右滑動事件,實現(xiàn)左右換頁(View.aspx)