清除文字栏位时触发事件：Javascript

Question

我有一个文本字段，可以像这样在onkeypress上调用函数

<input type="textbox" class="txtbox" id="userid" onkeypress="keyPress()" >

我试图在完全清除文本字段时处理该事件。我试过了，但似乎没用

function keyPress()
{
    if(document.getElementById('userid').value == null)
    { alert();}
}

是否有更好/正确的方法来实现这一目标？请帮忙。

Answer 1

您可以改用null并将其与空字符串而不是function keyUp(val) { if (val == "") { alert(); } }进行比较，请考虑以下几点：

<input type="textbox" class="txtbox" id="userid" onkeyup="keyUp(this.value)">

{{1}}

Answer 2

尝试检查空字符串（""，而不是null。

if(el.value == "" || el.value.trim() == ""){

请注意：您可以将this.value传递给函数，以便可以在函数内部使用它。我也更喜欢oninput而不是onkeypress。

function keyPress(elVal){
  if(elVal == "" || elVal.trim() == ""){
    alert("Empty");
  }
}

<input type="textbox" class="txtbox" id="userid" oninput="keyPress(this.value)" >