Question

我有2个文字<input>。我希望通过删除textbox2的文本或单击文本框左侧的“X”按钮清除textbox2后清除textbox1。有没有办法检测文本框的清除或向“X”按钮添加事件？

Answer 1

您可以在textbox1上使用keyup事件来了解文本框何时为空

＆＃13;

$('#txt1').on('keyup', function() {
  if ($('#txt1').val().trim().length == 0) {
    $('#txt2').val('');
  }
});
$('.deleteText').click(function() {
  $('#txt1').val('');
  $('#txt2').val('');
});

＆＃13;

<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' />

＆＃13;

Answer 2

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

清除另一个后清除文本输入字段

2 个答案: