我有一个正在使用的简单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 });
有没有办法解决这个问题? 下图显示,如果我触摸移动并继续选择其他按钮,则所有按钮都会被选中。
我不希望任何选择引起涟漪。预先感谢。