Home/ Questions/Q 6661097
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T02:14:14+00:00

The usual: document.body.addEventListener(‘touchmove’,function(event){event.preventDefault();},false); isn’t working for me. I am trying to make my iPad

  • 0

The usual:

document.body.addEventListener('touchmove',function(event){event.preventDefault();},false);

isn’t working for me. I am trying to make my iPad webapp feel as native as possible.
Any answer is appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Put that handler on the document element directly, not on the body.

    I’ve had success with the following:

    <meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

    Then with jQuery:

    $(document).bind('touchmove', false);

    This will also be useful if you want to handle different orientations:

    <link rel="stylesheet" type="text/css" href="css/main.css" media="all">
<link rel="stylesheet" type="text/css" href="css/landscape.css" media="all and (orientation:landscape)">
<link rel="stylesheet" type="text/css" href="css/portrait.css" media="all and (orientation:portrait)">
    • 0