react touchmove lost after rerendering - Githubissues

Topppy / hexo-blog

my hexo new blog

https://topppy.github.io/hexo-blog/

2 stars 0 forks source link

react touchmove lost after rerendering #25

Open Topppy opened 4 years ago

Topppy commented 4 years ago

原因

touch 事件规则 [1] touchstart touchmove touchend ，必须由同一个元素触发。
rerender 后旧的触发touchstart的元素被移除，也就无法再触发touchmove事件。

解决

给触发事件的元素指定固定的key
给不想触发事件的子元素们指定pointer-events: none;

[2] https://stackoverflow.com/questions/51097458/reactjs-lost-touchmove-after-setstate [1] https://www.w3.org/TR/touch-events/#event-touchmove