在选择非输入元素时,强制焦点在iOS中使用jQuery保留表单字段

crm*_*cco 3 javascript jquery user-experience ipad ios

使用jQuery或类似的东西,是否可以检测用户何时从iOS中的表单字段中点击,有效地移除了焦点?我有常规表格,有名字,姓氏,地址第1行,地址第2行等.

在iPad上选择表单字段时,离开该表单字段的唯一方法是通过单击表单或按键盘窗格中的PreviousNext按钮选择表单中的另一个字段.

在显示键盘窗格时,将忽略页面上其他非输入元素的单击,因此焦点仍保留在表单字段上.

有没有办法使用jQuery/JavaScript(或其他任何东西)强制焦点离开表单字段,如果我点击一个非输入表单元素点击它?

这是我的意思的一个例子.在下面的屏幕中,当焦点在Line 1元素上时,我无法通过单击非输入元素移出它.

在此输入图像描述

Mar*_*.io 5

尝试blur()在表单上快速完成,这可能会有效.

$('body').on('click', function () { 
    $('form').blur(); 

    // And since you said selecting an anchor might help, potentially doing a:
    $('a#whatever').blur(); // might do the trick too
});
Run Code Online (Sandbox Code Playgroud)