首页  >  新闻动态  > 网站知识 > 模板修改

单指右滑动事件,实现左右换页(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) {
			// 假设这个元素的位置内仅仅有一个手指的话 
			if (event.targetTouches.length == 1) { 
				event.preventDefault(); // 阻止浏览器默认事件,重要
				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);
}

 

相关文章
单指滑动
http://www.aspxadmin.com/Content/weixinlogo.jpg
阅速CMS系统提供用户体验更佳的国内Cms软件
单指右滑动事件,实现左右换页(View.aspx)