javascript - 如何使用 JavaScript 聚焦 html 文本字段?

标签 javascript html dom-events textfield

有人能告诉我如何使用 JavaScript 聚焦 html 文本字段吗? 我是编程方面的新手,才刚刚开始学习。我这里有代码 我想在文本字段中设置光标。

test.html

<html>
<head>
<script type='text/javascript'>
 function parseTest() {
  var elem_1 = document.getElementById('input_1');
  var elem_2 = document.getElementById('input_2');

  var inp_1 = elem_1.value;
  var inp_2 = elem_2.value;

  if (inp_1 == "" && inp_2 == "") {
   alert("You need to enter integers!!!");
   elem_1.focus();
  }else if (inp_1 == ""){
   alert("You need to enter Integer 1!!!");
   elem_1.focus();
  }else if (inp_2 == ""){
   alert("You need to enter Integer 2!!!");
   elem_2.focus();
  }else {
   if (!parseInt(inp_1) || !parseInt(inp_2)) alert ("Enter Integers only!!!");
   else alert("Correct Inputs!!!");
  } 
 }
</script>
</head>

<body>
 <form name="myform">
  <input type="text" id="input_1" name="input_1" /><br />
  <input type="text" id="input_2" name="input_2" /><br />
  <input type="submit" value="Check!" onclick="parseTest();" />
 </form>
</body>
</html>

我是新手,请耐心等待。请帮助...

最佳答案

此代码执行此操作 - 但是,紧接着,它会提交表单并重新显示页面,这就是您看不到焦点发生的原因。

只需将 return false; 添加到 onclick 中的函数调用中,如下所示:

<input type="submit" value="Check!" onclick="parseTest(); return false;" />

关于javascript - 如何使用 JavaScript 聚焦 html 文本字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5855063/

相关文章:

javascript - knockout html 绑定(bind)与内部的另一个绑定(bind)

javascript - 为什么使用 element.innerHTML 后事件监听器会停止工作?

javascript - 全局命名空间中事件的最佳实践?

javascript - 奇怪的错误 TypeError : Cannot read property 'getValue' of null

html - 将 div 包裹在其他 div 周围

javascript - 在所见即所得中渲染YouTube视频

javascript - 是否可以在 Flash 网络应用程序中打开网页?

javascript - 如何在浏览器中显示控制台内容?

javascript - 从 localStorage 检索数值数据

java - 未使用 Selenium Web 驱动程序捕获数据