クリックで入力するテキストを一度追加する

Question

このコードは入力テストタイプonClick="this.value+='http://'"に適用されていますが、ユーザーが入力を最初にクリックするとhttp：//が追加されるように修正します。

アイデア？ありがとう。

Answer 1

あなたの質問への答えは（http://でテキスト接頭辞に、わずかに変更された）明らかである：

onClick="this.value = 'http://' + this.value; this.onclick = '';" 

しかし、この方法ではエラーが発生しやすいが、そして醜いです。おそらくテキストに接頭辞「http://」を付けることを強くお勧めします。ユーザーがキー（タブなど）を使用して入力フィールドに移動すると、コードは機能しません。

改善のアプローチは、次のようになります。

まだ

onfocus="if (this.value.substring(0,6)!=='http://') this.value = 'http://' + this.value;" 

、あなたの正確なアプリケーションに応じて、他の方法は、より適しています。

Answer 2

グローバル変数にカウンタ変数を設定し、1と等しいかどうかを確認して、http://を追加し、それ以外の場合は を追加しないでください。

Answer 3

これを試してみてください：

<input type="text" onClick=" this.value.indexOf('http://') != 0 ? this.value = 'http://' + this.value : this.value; " />