ユーザーがフォーム上の何かでEnterキーを押したとき、または「送信」ボタンでイベントをトリガーしたときに、Javascriptを使用してHTMLフォームを更新できますがonclick
、ユーザーが何かを入力している間にフォームを更新したい.
できることはわかっていますがInfinity loop
、それは良い考えではありません。または、間隔を置いてチェックできますが、不要なチェックが発生するため、望ましくありません。
ユーザーがフォーム上の何かでEnterキーを押したとき、または「送信」ボタンでイベントをトリガーしたときに、Javascriptを使用してHTMLフォームを更新できますがonclick
、ユーザーが何かを入力している間にフォームを更新したい.
できることはわかっていますがInfinity loop
、それは良い考えではありません。または、間隔を置いてチェックできますが、不要なチェックが発生するため、望ましくありません。
keyUp
フォーム内に含まれる入力フィールドでイベント ハンドラーを使用します。
参考文献:Javascript、 jQuery
[アップデート]
関数定義で丸括弧を見逃しました。更新されたフィドルを確認してください
同じ質問があり、この投稿とsohel の回答に基づいて、なんとか機能させることができました。ここで、短い実用的な例の形で私のソリューションを共有したいと思います。最初のフィールドに名前を入力すると、2 番目のフィールドにメール アドレスが表示されます。
<!DOCTYPE html>
<html>
<head>
<script>
function nameModify(emailElement, nameElement) {
emailElement.value = nameElement.value + '@stackoverflow.com';
}
</script>
</head>
<body>
<form name="aform" action="#">
<input type="text" name="name" onkeyup="nameModify(this.form.elements['email'], this);" >
<input type="text" name="email" >
</form>
</body>
</html>
オートコンプリートを探しています