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

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();
        });
});