1

書式設定されたテキストを生成する単純なフォームを開発しています (こちらをご覧ください)。アイデアは、作成されたテキストの選択を簡素化することです。デスクトップ ブラウザーの場合、div の onсlick ハンドラーを使用して次のコードを実行すると、うまく機能します。

if (document.selection) {
    var range = document.body.createTextRange();
    range.moveToElementText(document.getElementById('template_text'));
    range.select();
}
else if (window.getSelection) {        
    var range = document.createRange();
    range.selectNode(document.getElementById('template_text'));
    window.getSelection().addRange(range);
}

モバイル ブラウザー (Android ブラウザーと iOS の Safari) では、このコードは div を一瞬ハイライトするだけで、他には何もありません。フォームだけの問題なので、別のモバイル版を作成したくありません。

デスクトップの現在の機能に影響を与えずに、何らかの方法でモバイル ブラウザーのテキスト選択を簡素化することはできますか?

ありがとうございました。

4

1 に答える 1

0

このスレッドの回答によると、 http://detectmobilebrowsers.com/にアクセスしてスクリプトをダウンロードすると、訪問者がモバイルまたはデスクトップ ブラウザを使用しているかどうかを検出するツールが提供されます。次に、コードをシンプルに分岐ifし、この特定の場所でテキストを個別に選択するモバイルとデスクトップの動作を調整します

于 2012-07-21T09:41:30.847 に答える