React中制止页面转动

因为浏览器必需要在实行事宜处置惩罚函数以后，才晓得有无挪用
preventDefault() ，这就致使了浏览器不能实时相应转动，略有耽误。

所以为了让页面转动的结果如丝般顺滑，从 chrome56 最先，在 window、document 和 body 上注册的 touchstart 和 touchmove 事宜处置惩罚函数，会默以为设置passive: true。浏览器疏忽 preventDefault() 就能够第一时间转动了。

细细忖度一番，实在官方的斟酌照样有原理的，也是周密的。在CSS中供应了一个属性touch-action，用于指定某个给定的地区是不是许可用户操纵，以及怎样相应用户操纵。

据此，我的解决方案就是设置这个CSS属性：

touch-action: none;

觉得总算高枕无忧利了，谁人手机试一把，用iPhone的Safari浏览器代开后，依旧并没有什么卵用。是的，九成是浏览器兼容题目，检察CanIUse，果不其然。

那末既然如此，剩下的解决方案，就只有在绑定事宜的时刻显式的设置{ passive: false }，查了一圈React文档也没发明，能够支撑设置这个属性的要领。此处至心叹息一句不如Vue轻易，如果是Vue就能够这么写：

既然如此，就只能用原生的事宜绑定了

document.getElementById("picker").addEventListener('touchmove', this.handleTouchMove, { passive: false });

终究，世界和平了。