jQuery 防止文本字段失去焦点，除非用户点击外部

Question

我有一个带有全屏幻灯片的模板，它使文本字段在移动设备上失去焦点。我想知道是否有修复程序可以防止字段失去焦点，除非用户在字段外单击。

我浏览了其他问题，但没有找到与我需要的内容相近的内容。感谢任何回复。谢谢。。

Answer 1

你在搜索这样的东西吗？每次点击正文后，此功能都会关注您的输入

$("body").click(function(){
        $("#yourinput").focus();  
    });

用正确的解决方案更新

工作小提琴http://jsfiddle.net/JJLN8/2/

检查具有焦点的元素是否是输入，如果是，则更改焦点，否则保留在最后选择的输入中。点击作为主体的红色区域可以看到焦点仍然在输入中

var lstfocus=$("input")[0];
$("body").click(function(){
    if ($(':focus').is("input")    ){
          lstfocus= $(':focus');
    }
    lstfocus.focus();    
});

css

div{width:200px;height:200px; background-color:red}

html

<div>
    <input type="text"  /><br/>
    <input type="text" /><br/>
 </div>