參考網址：

https://www.cnblogs.com/pingfan1990/p/5447404.html

https://www.cnblogs.com/liangshaojiang/p/9013912.html

//滑動$("body").on("touchstart", function(e) {if(e.target.tagName == 'A') {location.href = $(".lightSpeedIn a").attr("href")}//判斷如果有a標簽，可以執行href跳轉startX = e.originalEvent.changedTouches[0].pageX,startY = e.originalEvent.changedTouches[0].pageY;});$("body").on("touchend", function(e) {// 判斷默認行為是否可以被禁用if(e.cancelable) {// 判斷默認行為是否已經被禁用if(!e.defaultPrevented) {e.preventDefault();}}moveEndX = e.originalEvent.changedTouches[0].pageX,moveEndY = e.originalEvent.changedTouches[0].pageY,X = moveEndX - startX,Y = moveEndY - startY;//左滑if(X < 0) {location.href = "baom.html"}});

此段代碼過于靈敏~不推薦使用

轉載于:https://www.cnblogs.com/fkcqwq/p/11492208.html

總結

以上是生活随笔為你收集整理的Js touchg事件在移动端网页中左右滑动效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。