有没有一种方法可以禁用向右水平滚动，但允许向左水平滚动？

Question

有没有一种方法可以禁用向右水平滚动，但允许向左水平滚动？

let touches = []
window.addEventListener('touchmove', event => {
  event.preventDefault()
}, false)

window.addEventListener('touchstart', event => {
  touches[0] = event.touches[0].pageX
}, false)

window.addEventListener('touchend', event => {
  touches[1] = event.changedTouches[0].pageX
}, false)

看来您必须在touchmove事件上touchmove preventDefault() 。

Answer 1

touchmove返回touche列表

1. touchmove事件对象具有触摸列表
2. 进行第一手触摸，并在所有情况下均避免出现默认情况。
3. 移动时将新x值与旧x值进行比较
4. 如果nx-ox> 0，则手动移动。

示例： http ： //codepen.io/anon/pen/LWQJvx

var old_x = null;

document.addEventListener('touchstart', function(e) {
  old_x = e.targetTouches[0].clientX;
}, false); 

document.addEventListener('touchcancel', function(e) {
  old_x = e.targetTouches[0].clientX;
}, false); 


document.addEventListener('touchmove', function(e) {
  var touch = e.touches[0];
  if (touch.clientX - old_x < 0 ) {
    document.body.scrollLeft +=  old_x - touch.clientX;
  }
  old_x = touch.clientX;
  e.preventDefault();
  return false;   
}, { passive: false });