我用的是角材料。
首先,在桌面浏览器上,一切都很好。
但是在智能手机上(或者在Chrome中使用开发者工具),当你移动光标一个像素时,按钮的(点击)事件不会被触发。 mousedown 是的。
mousedown
我想这不仅仅是故意的, 这与滚动在移动设备上有关, 虽然材料按钮的涟漪效应对我来说有点奇怪。
当我做一个 鼠标按下 波纹显示出来了,看起来按钮点击成功了,但是点击并没有因为移动而触发事件。
鼠标按下
这是很容易测试在许多例子页的角度材料网站。 我只是把stackblitz和快餐店的例子联系起来。
https://stackblitz.com/angular/kryggamvlaa?file=app%2Fsnack-bar-overview-example.ts
只需切换到开发工具并选择移动设备。 然后单击“显示快餐店”按钮并向左移动1像素。 如果 鼠标按下 和 mouseup 在按钮里面,我想应该会触发事件。
mouseup
强迫这种行为的最好方法是什么?我应该用 touchStart 为了这个?
touchStart
仅供参考。
我最终使用了Touchstart并在我的应用程序中禁用了涟漪效果。 对我来说,有些纽扣的感觉更平滑。
如问题中所述,我想这种行为是有意的。 我只想知道是否有更好的方法来处理这个“问题”。