如何防止输入元素的触摸屏滚动？

Question

我在一个可滚动的文档主体上面有一个模态，当我将手指放在模态上时，我想阻止滚动文档主体。

my_table_id_seq

这段代码适用于输入元素以外的所有内容。

$(document).on('touchstart touchmove', function(e){ e.preventDefault(); });

如果我在输入元素中平移手指，文档将继续滚动。为什么会这样？

Answer 1

我的猜测是，它冒泡了。 将e.stopPropagation()添加到您的函数正文中。

$(document).on('touchstart touchmove', function(e){
    e.stopPropagation();
    e.preventDefault(); 
});