質問編集履歴

1 参考サイトの掲載

退会済みユーザー

退会済みユーザー

2017/12/25 13:49  投稿

safariでダブルタップした際の拡大(ズーム)機能のみを無効化させたい
iOS10からuser-scalable=noが効かなくなったとのことで、色々調べた結果、
```js
var lastTouch = 0;
 document.addEventListener('touchend', event => {
   var now = window.performance.now();
   if (now - lastTouch <= 500) {
     event.preventDefault();
   }
   lastTouch = now;
 }, true);
```
このソースをjsで読み込んだところ、ダブルタップ拡大は無効化できたのですが、最初のタップから2回目のタップまでの間隔が0.5秒以内のものは全てタップ処理がキャンセルされてしまいます。そのため別の用途で連打などをしたい時にその処理も走らなくなってしまうことに困っています。(逆に(now - lastTouch <= 500)この数値を500より下げると拡大されてしまう)
拡大機能のみを無効化させるいい方法はないでしょうか。。。
拡大機能のみを無効化させるいい方法はないでしょうか。。。
【参考サイト】
https://qiita.com/eudyptesc/items/d74e5758a36478fbc039
  • JavaScript

    31799 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    11948 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る