代码之家  ›  专栏  ›  技术社区  ›  autlunatic

MAT按钮点击甚至不工作时,Mousemove在智能手机上

  •  0
  • autlunatic  · 技术社区  · 8 年前

    我用的是角材料。

    首先,在桌面浏览器上,一切都很好。

    但是在智能手机上(或者在Chrome中使用开发者工具),当你移动光标一个像素时,按钮的(点击)事件不会被触发。 mousedown 是的。

    我想这不仅仅是故意的, 这与滚动在移动设备上有关, 虽然材料按钮的涟漪效应对我来说有点奇怪。

    当我做一个 鼠标按下 波纹显示出来了,看起来按钮点击成功了,但是点击并没有因为移动而触发事件。

    这是很容易测试在许多例子页的角度材料网站。 我只是把stackblitz和快餐店的例子联系起来。

    https://stackblitz.com/angular/kryggamvlaa?file=app%2Fsnack-bar-overview-example.ts

    只需切换到开发工具并选择移动设备。 然后单击“显示快餐店”按钮并向左移动1像素。 如果 鼠标按下 mouseup 在按钮里面,我想应该会触发事件。

    强迫这种行为的最好方法是什么?我应该用 touchStart 为了这个?

    1 回复  |  直到 8 年前
        1
  •  0
  •   autlunatic    8 年前

    仅供参考。

    我最终使用了Touchstart并在我的应用程序中禁用了涟漪效果。 对我来说,有些纽扣的感觉更平滑。

    如问题中所述,我想这种行为是有意的。 我只想知道是否有更好的方法来处理这个“问题”。

    推荐文章