Question

JS为所有input标签添加onmouseover事件（鼠标移动到编辑框内自动全选内容）！ 菜鸟请指教，请大神详细

我现在HTM反复这样写，
<input class="input3" onmouseover="this.select();" type="text" value="">
<input class="input3" onmouseover="this.select();" type="text" value="">
<input class="input3" onmouseover="this.select();" type="text" value="">
<input class="input3" onmouseover="this.select();" type="text" value="">
我想写成
<input class="input3" type="text" value="">

然后在外部JS写一段代码，就可以实现所有input标签实现自动全选功能。

Answer 1

var inputs = document.getElementsByClassName("input3");
for(var i = 0; i < inputs.length; i++){
inputs[i].onmouseover = function(){
this.select();
}
}