首页 / JAVASCRIPT / javascript – 如何检测用户是否在输入框中删除了文本

javascript – 如何检测用户是否在输入框中删除了文本

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何检测用户是否在输入框中删除了文本，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2034字，纯文字阅读大概需要3分钟。

内容图文

我有以下代码：

<!DOCTYPE html>
<html>
    <body>
        <!-- When a user clicks a key provide info on the key clicked -->
        <form action="#" id="sampForm">
            <input id='charInput' type="text">
            <p id="keyData">Key Data Here</p>
        </form><br /><br />

    </body>

<script>

    function getChar(event) 
    { 
      // event.which returns the key or mouse button clicked
      if (event.which == null) {
        // Return the char if not a special character
        return String.fromCharCode(event.keyCode); // IE
      } else if (event.which!=0 && event.charCode!=0) {
        return String.fromCharCode(event.which);   // Other Browsers
      } else {
        return null; // Special Key Clicked
      }
    }

    var all = '';

    document.getElementById('charInput').onkeypress = function(event) 
    {
      var char = getChar(event || window.event)
      if (!char) return false; // Special Key Clicked

      // document.getElementById('keyData').innerHTML = char + " was clicked";
      all += char;
      document.getElementById('keyData').innerHTML = all;
      return true;
    }

</script>

我试着做以下事情：

document.getElementById('charInput').onkeypress = function(event) 
    {
      var char = getChar(event || window.event)
      if (!char) return false; // Special Key Clicked

      // document.getElementById('keyData').innerHTML = char + " was clicked";
      all += char;
      document.getElementById('keyData').innerHTML = all;
      return true;

      if ( ( (document.getElementById('charInput').value).length) == 0 ) 
      {
            all = '';
      }

    }

我试图做的是检查输入框的长度,如果长度为零,它应该重置变量all.
但它仍然无效.任何帮助将不胜感激.谢谢

解决方法:

使用keyup事件,只检查value.length是否为零

function getChar(event) {
  // event.which returns the key or mouse button clicked
  // Return the char if not a special character
  if (event.which === null) return String.fromCharCode(event.keyCode); // IE
  else if (event.which !== 0 && event.charCode !== 0) return String.fromCharCode(event.which); // Other Browsers    
  return null; // Special Key Clicked
}



document.getElementById('charInput').onkeyup = function(event) {
  if (this.value.length === 0) {
    alert('Empty');
    // variable resetting here
  }
}
<form action="#" id="sampForm">
  <input id='charInput' type="text">
</form><br /><br />

内容总结

以上是互联网集市为您收集整理的javascript – 如何检测用户是否在输入框中删除了文本全部内容，希望文章能够帮你解决javascript – 如何检测用户是否在输入框中删除了文本所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/727408.html

来源：【匿名】