私は2つのテキスト<input>
を持っています。 textbox2のテキストを削除するか、テキストボックスの左側にある "X"ボタンをクリックして、textbox2を消去した後でtextbox1をクリアします。テキストボックスのクリアを検出する方法や、「X」ボタンにイベントを追加する方法はありますか?別のテキストをクリアした後にテキスト入力フィールドをクリアする
0
A
答えて
0
HTML:
<input type="text" id="txtbox1">
<input type="text" id="txtbox2">
<button id="btnX">X</button>
JS:テキストボックスが空のときに、あなたが知っているためのTextBox1にイベントをからkeyup使用することができます
document.getElementById("txtbox2").addEventListener("keyup", handler);
document.getElementById("btnX").addEventListener("click", handler);
function handler() {
txt1 = document.getElementById("txtbox1")
txt2 = document.getElementById("txtbox2")
if(txt2.value == ""){
txt1.value = ""
}
}
2
$('#txt1').on('keyup', function() {
if ($('#txt1').val().trim().length == 0) {
$('#txt2').val('');
}
});
$('.deleteText').click(function() {
$('#txt1').val('');
$('#txt2').val('');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="txt1" value='delete it' /><span class='deleteText'>X</span>
<br/>
<input type="text" id="txt2" value='test value' />
関連する問題
- 1. クリックイベント後の入力テキストのクリア
- 2. JavaScriptで入力テキストをクリアする
- 3. VBAのテキスト入力の自動クリア
- 4. 質問のクリア入力フィールド
- 5. 入力時に入力テキストをリストに追加し、テキストをクリアします。クリッククローズクラスで、親のリを削除
- 6. JavaScriptで入力フィールドをクリアする
- 7. データをドラッグ&ドロップしたときに入力フィールドをクリアする
- 8. クリックイベント後の入力値をクリアする
- 9. コールバックに応じて入力フィールドをクリア
- 10. Angular2 - 表示テキストボックスに入力した値のテキストを削除/キャンセルし、テキストの削除/キャンセルをクリックして入力フィールドをクリアします。
- 11. 入力タイプ= "ファイル"、クロムキャンセルをクリックした後にファイルをクリアする
- 12. 成功後のテキストのクリア値は?
- 13. 選択されたテキストをクリアする
- 14. 内容を追加した後の入力値をクリアする
- 15. 入力フィールドにはクリア後もローカル値が返されます
- 16. ReactNativeテキストをクリアするコードを分離して入力すると表示
- 17. 入力フィールドにテキストを入力した後にボタンonclickが起動しない
- 18. IE8選択後のJQuery-UIオートコンプリート入力フィールドのクリア
- 19. 苦労設定クリア入力フィールドAngularJS
- 20. ajax呼び出しの後に入力をクリアする
- 21. edittextのテキストをクリアする方法
- 22. コンボボックスのテキストをクリアするとき
- 23. テキスト入力をクリアせずにリセットすることはできますか?
- 24. 角度送信後にfirebase関数の入力フィールドをクリアする
- 25. Robot Framework - Selenium2Library - テキストの前にテキストを入力してフィールドに入力します
- 26. AngularJsの入力フィールドをクリアするには?
- 27. React Nativeの入力フィールドからフォーカスをクリアするには?
- 28. ページの更新時に入力フィールドをクリアする(Microsoft Edge)
- 29. 入力値のクリア
- 30. anglejsを使用して入力フィールドをクリアします