在 xterm.js 中禁用触摸滚动

Question

如何禁用 xterm.js 上的触摸滚动？

我在 term.element 上有一个 touchmove 事件，它通过滑动适当的方向来模拟光标键。这在使用“备用屏幕缓冲区”的应用程序（例如 Midnight Commander）中非常有用，但在具有回滚功能的默认屏幕缓冲区（例如 lynx 或 bash）中，它除了滚动终端（通常会滚动）之外发送方向键的 ansi 代码。

我需要覆盖此行为，以便在您滑动时不会发生滚动，同时不会阻止通过鼠标滚轮或滚动条等其他方式滚动，或干扰其他鼠标事件（可能还有触摸事件）。

在事件上尝试了 preventDefault()，甚至尝试将其附加到终端、parentNode 及其 parentNode 中的各种元素。相同的行为。还尝试了 position: absolute with bottom: 0px，但是 xterm.js 模拟终端的方式会导致结果异常。

有什么想法吗？

Answer 1

好的。解决方案是：在 touchmove 事件的处理程序顶部添加 event.stopPropagation()。将其附加到终端元素（即 term.element）。忘记覆盖，指针事件：无等。完美运行。没有额外的垃圾。我出于另一个原因离开了 event.preventDefault()，但我认为只有 stopPropagation 独立于这个特定的问题。

我想补充一点，如果您只想在终端上禁用触摸滚动，您只需要：

term.addEventListener('touchmove',function(e){e.stopPropagation()});

假设您的终端对象的名称是“term”。