我用的是角质材料。
首先,在桌面浏览器上,一切都很好。
但是在智能手机上(或者使用Chrome中的开发者工具),当你在mousedown中移动光标一个像素时,按钮的(点击)事件不会被触发。
我想这不仅是故意的行为,而且与移动设备上的滚动有关,尽管材料按钮的连锁反应对我来说有点奇怪。
当我做一个mousedown时,就会显示连锁反应,看起来按钮点击成功了,但是点击实际上并没有触发事件,因为移动。
这很容易在角质材料站点的许多示例页面上进行测试。我只是把Stackblitz和快餐店的例子联系起来。
https://stackblitz.com/angular/kryggamvlaa?file=app%2Fsnack-bar-overview-example.ts
只需切换到开发工具,并选择移动设备。然后单击“显示快餐店”按钮,然后向左移动1个像素。如果mousedown和mouseup在按钮内,我认为它应该触发事件。
强制这种行为的最好方法是什么,还是应该只使用touchStart?
发布于 2018-06-28 02:55:01
仅供参考。
最后,我使用了touchStart,并在我的应用程序中禁用了连锁反应。在我的例子中,对于一些按钮来说,这感觉更流畅。
正如问题中提到的,我想这种行为是有意的。我只想知道是否有更好的方法来处理这个“问题”。
https://stackoverflow.com/questions/51023518
复制相似问题