jQuery是一種廣泛使用的JavaScript庫,它簡化了JavaScript代碼的編寫和效果的實現。在移動端開發中,經常有左滑動的事件需要實現,下面將介紹如何使用jQuery實現左滑動事件。
$(document).ready(function() { var startX, startY, endX, endY; $("body").on("touchstart", function(event) { startX = event.originalEvent.changedTouches[0].pageX; startY = event.originalEvent.changedTouches[0].pageY; }); $("body").on("touchmove", function(event) { endX = event.originalEvent.changedTouches[0].pageX; endY = event.originalEvent.changedTouches[0].pageY; }); $("body").on("touchend", function(event) { if (endX< startX) { // 左滑事件處理 console.log("向左滑動"); } }); });
上述代碼實現了當手指在屏幕上滑動時,記錄開始和結束的位置,并判斷結束位置是否小于開始位置,從而實現左滑動事件的處理。可以根據具體需求來替換掉控制臺輸出的操作,比如實現頁面跳轉或動畫效果等。
上一篇css 取消首行縮進
下一篇css 只出現y滾動