iPhone/iPadでダブルタップのズームを禁止する方法

iOSのブラウザ(Safari)はダブルタップでページの拡大縮小が出来ます．

この機能を無効にするには，JavaScript で "touchend" イベントを横取りします

/* ダブルタップによる拡大縮小を禁止 */
document.addEventListener('touchend', function (event) {
     event.preventDefault();
     $(event.target).trigger('click');
}, false);

これでダブルクリックによるページの拡大や縮小が無効になります

JavaScript コードレシピ集

posted with amazlet at 19.02.06

池田 泰延 鹿野 壮
技術評論社
売り上げランキング: 213

Amazon.co.jpで詳細を見る