如何使用javascript& amp;获得关注的输入文本tagName(没有jQuery)没有调用onfocus()方法

时间:2017-08-22 09:46:09

标签: javascript input

我想使用纯javascript(没有jquery)获得聚焦的输入字段值。它也应该是自动的,因此我们不应该在输入元素上调用onfocus()函数。

我使用以下语法来获取输入字段。但是如何使这种自​​动化成为焦点。

var el = document.getElementsByTagName("input");

    for(i=0; i<el.length; i++){
      console.log(el[i].value);
    } 

2 个答案:

答案 0 :(得分:1)

这是如何在没有onfocus()方法的情况下获取输入字段的值,而是使用原生的javaScript方法。

input.addEventListener("focus", function(e){
    console.log(e.target.value)
})

或使用您的输入字段数组:

for(i=0; i<el.length; i++){
  el[i].addEventListener("focus", function(e){console.log(e.target.value)})
} 

这是一个工作范例的小提琴.. https://jsfiddle.net/wdur4yvb/

**编辑**

您还可以添加&#34;点击&#34;而不是焦点,因为一旦你点击输入它也会集中注意力......不知道你正在寻找什么样的解决方案以及为什么,但我希望这会有所帮助。

答案 1 :(得分:0)

尝试autofocus attribute

<input type="text" autofocus>