JavaScript 逗号计数器

标签 javascript html dom-events

<HTML>
  <HEAD>
  <TITLE>Test Input</TITLE>
  <SCRIPT LANGUAGE="JavaScript">

  function validate (form) {
  var TestVar = form.inputbox.value;
  myArray = TestVar.split(',');
document.write(myArray.length);

  }
  </SCRIPT>
  </HEAD>
  <BODY>
  <FORM NAME="myform" ACTION="" METHOD="GET">Enter something in the box: <BR>
  <INPUT TYPE="text" NAME="inputbox" VALUE="" OnBlur="validate(this.form)" onkeydown="validate(this.form)" onkeyup="validate(this.form)" ><P>

<script type="text/javascript">validate(this.form);</script>
  </FORM>
  </BODY>
  </HTML>

有人可以帮我解决这个问题吗?只要我按下一个键,它就结束。 我希望它无限期更新。

示例:

input: hello
output: 1
input hello, good, bye
output: 3
...

最佳答案

当您在加载文档后执行 document.write() 时,它会清除当前文档并开始写入新文档。加载文档后请勿使用 document.write(),除非在极少数情况下您想要这种效果。这不是您想要的。

如果您只是想查看 myArray.length 值用于调试目的,请使用 console.log() 而不是 document.write()并在控制台/调试窗口中查看它。

更好的是使用 JavaScript 调试器之一(Firefox 的 Firebug 或 Chrome、Opera 和 Safari 中的内置调试器)并在验证函数中设置断点,然后在变量发生时检查变量。

关于JavaScript 逗号计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7669226/

相关文章:

javascript - 如何在两天内设置 flatpickr 时间选择器的限制?

javascript - 在 TEXTAREA 中查找光标处的空间

html - 如何对齐三个 div(左/中/右)以在小屏幕左/右和它们下方的中心元素中对齐

javascript - 我的 JS if 语句有问题吗?

javascript - 更好的方法使 Javascript 中的变量和对象无效

javascript - 确定输入焦点是由于自动对焦还是用户交互引起的

javascript - AngularJS 观察指令属性表达式,动态继承作用域

javascript - 是什么使对系统剪贴板的访问成为安全漏洞?

css - 我在 HTML 中使用了 NAV 标签,但它无法正常工作

javascript - 事件在 IE onclick 和 onsubmit 中触发两次