タッチの全画面イベントがChromeで機能しない

Question

モバイルアプリで、ユーザーがスワイプしたときに全画面表示を切り替えたい。
イベントが発生した場合は電話しますdocument.documentElement.webkitRequestFullScreen();
問題は、モバイルChrome 56以降で問題が発生することです。

ここは例です。 https://jsfiddle.net/ibmw/tnncaxj0/6/

この問題は、touchstartとtouchendの間でtouchmoveを作成した場合にのみ表示されます。コンソールで

私はエラーを持っている：

Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture. document.documentElement.webkitRequestFullScreen();

誰でも苦労する方法を知っていますか？

Answer 1

touchmoveではpreventDefault()に電話し、new optionをaddEventListener()に渡す必要があります。