Löschen eines Texteingabefeldes nach dem Löschen eines anderen

Question

Ich habe 2 Text <input> s. Ich möchte, dass Textbox1 gelöscht wird, nachdem Textbox2 gelöscht wurde, indem Sie Textbox2 entweder löschen oder auf die Schaltfläche "X" auf der linken Seite der Textbox klicken. Gibt es eine Möglichkeit, ein Löschen einer Textbox zu erkennen oder ein Ereignis zur Schaltfläche "X" hinzuzufügen?

Answer 1

HTML:

<input type="text" id="txtbox1"> 
<input type="text" id="txtbox2"> 
<button id="btnX">X</button> 

JS:

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 = "" 
    } 
} 

Demo

Answer 2

Sie keyup Veranstaltung auf textbox1 Know verwenden können, wenn Textbox leer

$('#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' />