除非用户点击外部,否则jQuery会阻止文本字段失去焦点

时间:2014-05-29 09:46:35

标签: jquery focus textfield

我有一个带有全屏幻灯片放映的模板,使文本字段失去了对移动设备的关注..我想知道是否有一个修复可以防止该字段失去焦点,除非用户点击字段外...

我浏览了其他问题,但没有发现我需要什么......我感谢任何回复..谢谢..

1 个答案:

答案 0 :(得分:2)

你正在搜索这样的东西吗?每次点击身体后,此功能都会为您的输入提供焦点

$("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>