当输入悬停时添加自动对焦属性

Question

我试图将自动对焦添加到输入表单时，它被徘徊。

使用.appentTo属性，但打开其他解决方案。

这是我有：

<input value=""/> 

$(document).ready(function(){ 
    $("input").hover(function(){ 
     $("autofocus").appendTo("input"); 
    }); 
}); 

小提琴：https://jsfiddle.net/t7yj3b4n/1/

Answer 1

要聚焦元素使用focus()方法。在这里你尝试用一个不好的方法（看看Zakaria的答案）给所有输入添加属性autofocus。使用$(this)为目标悬停元素

例

$(document).ready(function(){ 
 
    $("input").hover(function(){ 
 
     $(this).focus(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input value=""/><input value=""/><input value=""/>

Answer 2

要添加属性元素，您应该使用.attr()或.prop()而不是appendTo：

$(document).ready(function(){ 
    $("input").hover(function(){ 
    $(this).prop('autofocus'); 
    }); 
}); 

注意：autofocus属性不会使输入聚焦，而是focus()。

希望这会有所帮助。

Answer 3

$(document).ready(function(){ 
    $("input").hover(function(){ 
     $(this).focus(); 
    }); 
}); 

https://jsfiddle.net/t7yj3b4n/2/

Answer 4

必须使用.focus（）;

$(document).ready(function(){ 
    $("input").hover(function(){ 
     $(this).focus(); 
     }); 
});