1. ホーム
  2. javascript

[解決済み] AndroidのWebページで入力フォーカス時のズームを無効にする

2023-07-02 12:14:10

質問

アンドロイドデバイス用のウェブページがあるのですが、そのページに入力ボックス(特にテキストボックス)があり、それがフォーカスされると、ブラウザがズームインします。私はそれがズームインしないようにしたいのですが、簡単そうに聞こえますか?

ここからが面白いところです。私は一般的にズームできるようにする必要があるので、次のように言わないでください。

<meta name='viewport' content='user-scalable=0'>

それだとうまくいきません。

また、入力ボックスはクリックイベントを受信しません。他のボタンがクリックされ、プログラム的にフォーカスを得たときに表示されます。

以下は、私が試したもので、今のところ失敗しています。

jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=no" />');
jQuery("#locationLock input").focus();
jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=yes" />');

これも失敗。

<input type='text' onfocus="return false">

そして、これ。

jQuery("#locationLock input").focus(function(e){e.preventDefault();});

何かアイデアはありますか?

どのように解決するのですか?

不可能です!

皆さんに悪いお知らせがあります。もう6ヶ月が経ちますが、誰もこの問題に正解していないのです。

また、私はそのプロジェクトと雇用主の仕事を終えました。

恐れ入りますが、私がお願いした通りのことは不可能です。申し訳ありません。でも、他の選択肢を見てもらうために、質問を生かしたままにしておきます。