:Focus

Question

我正在构建一个移动网络应用，其中页面设置为响应屏幕宽度和高度。我在这里遇到一个问题。在移动设备中，如果我点击任何输入字段，屏幕尺寸会因某些浏览器中的移动键盘而发生变化。在这种情况下，我不希望屏幕调整大小。我们旋转屏幕时屏幕必须调整大小的位置。对你的帮助表示感谢。下面是我正在使用的代码部分。

function pageresponsive() {
    $('body').css('width', window.screen.width);
    $('body').css('height', window.screen.height);
}

pageresponsive();
var input_click_status = 0;
$("input").click(function() {
    input_click_status = 1;
});

$( "input" ).focus(function() {
    input_click_status = 1;
});

//This might not work as resize event will be set at the time of page load
if(input_click_status == 0) {
    $(window).resize(function() {
        pageresponsive(true);
    });
}

Answer 1

试试这个解决方案

var isFocused =  $("input").is(":focus")

Answer 2

适用于jquery的1.6+版本

$("selector").is(":focus")

:Focus

Answer 3

你可以通过两种方式检查：

您可以在输入时绑定事件。

var is_focused = false;
jQuery('input').bind('focus', function(){
  is_focused = true;
  /* you can write code what ever you want to do on focus.*/
});

或

还有一个功能：

var is_focused = jQuery("input").is(":focus")

Jquery：如何检查输入是否集中

3 个答案:

:Focus