MDC按钮在touchmove上保持选中状态

时间:2020-08-19 07:48:42

标签: android html material-components-android mdc-components

我有一个正在使用的简单Mdc按钮以及mdc-ripple: <button type="button" class="mdc-button mdc-button--plain">Hello</button> 我正在记录这样的涟漪:

for (var i = 0, button; button = buttons[i]; i++) {
  mdc.ripple.MDCRipple.attachTo(button);
}

问题是使用webview时,如果我触摸移动它会完全选择按钮。在后台添加了这两个类:

mdc-ripple-upgraded--background-active-fill
mdc-ripple-upgraded--foreground-activation

现在我已使用此代码来避免触摸移动,但是发生的是它在滑动后未注册第一触摸。第二次触摸已注册。

window.addEventListener('touchmove', ev => {
    ev.preventDefault();
    ev.stopImmediatePropagation();
  }, { passive: false });

有没有办法解决这个问题? 下图显示,如果我触摸移动并继续选择其他按钮,则所有按钮都会被选中。 enter image description here enter image description here

我不希望任何选择引起涟漪。预先感谢。

0 个答案:

没有答案
相关问题