获取活动文本字段的ID

Question

如果我的表单中有4个文本框，那么在任何时候我都可以获得用户正在填写信息的文本字段ID。

EG。在下面的上下文中，我应该能够获得文本框3的ID。

由于

Answer 1

您可以使用document.activeElement获取当前有效元素，因此使用document.activeElement.id获取其ID。

关注代码段中的任何文本框，了解其工作原理：

setInterval(function() {
  console.log("Active element: " + document.activeElement.id);
},1000);

<input type="text" name="" id="1">
<br>
<input type="text" name="" id="2">
<br>
<input type="text" name="" id="3">
<br>
<input type="text" name="" id="4">

Answer 2

您可以按照以下方式使用getAttribute()：

＆＃13;

＆＃13;

function myFunc(thatText){
  console.log(thatText.getAttribute('id'));
}

＆＃13;

<div>
  <input type="text" id="txt1" onchange="myFunc(this)" placeholder="1"/><br/>
  <input type="text" id="txt2" onchange="myFunc(this)" placeholder="2"/><br/>
  <input type="text" id="txt3" onchange="myFunc(this)" placeholder="3"/><br/>
  <input type="text" id="txt4" onchange="myFunc(this)" placeholder="4"/>	
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

可以有一个onkeyup功能。从DOM传递this并在js中使用该参数获取id

＆＃13;

＆＃13;

function getElem(elem) {
  console.log(elem.id)

}

＆＃13;

<input type="text" name="test" id="1" onkeyup="getElem(this)">
<br>
<input type="text" name="test" id="2" onkeyup="getElem(this)">
<br>
<input type="text" name="test" id="3" onkeyup="getElem(this)">
<br>
<input type="text" name="test" id="4" onkeyup="getElem(this)">

＆＃13;

＆＃13;

＆＃13;