デスクトップと iPhone の両方で私の JS Fiddle を参照してください。
https://jsfiddle.net/5jb3x5cn/4/
私はclick eventListeneronを使用していdocument.bodyます:
document.body.addEventListener('click', function(){
alert(1);
})
背景を青で塗りつぶしたので、フレーム全体が体で塗りつぶされ、高さが .0 になっていることがわかります100vh。
iPhone の子要素を 1 つ挿入しました。
デスクトップでは、 のどこをクリックしてもアラートが表示されますbody。iPhone では、アラートは子要素をクリックしたときにのみ表示されます。体が設定されている高さに関係なく、子要素がクリックできるスペースで体を「埋める」としか思えません。
興味深いことに、十分なクリック可能なサイズがdocument.body.clientHeightあることを示唆する値を返します。body
ここで、https ://jsfiddle.net/5t8arze9/1/ にアクセスします。
全体bodyがクリック可能であることがわかります。ここでは を使用しましたtouchstart eventListener。
誰かが私を正しい方向に向けることができますか?
乾杯、ダン