2014-03-25 52 views
0

我正在構建一個移動Web應用程序,其中頁面設置爲通過屏幕寬度和高度進行響應。我在這裏面臨一個問題。在手機中,如果我點擊任何輸入字段,屏幕大小會因某些瀏覽器中的手機鍵盤而發生變化。在這種情況下,我不希望屏幕調整大小。當我們旋轉屏幕時屏幕必須調整大小。對你的幫助表示感謝。以下是我正在使用的代碼的一部分。Jquery:如何檢查輸入是否集中

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); 
    }); 
} 
+0

使用上的焦點事件$( 「myinput:輸入:可見:啓用:第一」)。在( '專注' ,function() – Tasos

+0

@Tasos你的方法用於設置input_click標誌,但它不禁用調整大小事件。 –

回答

4

嘗試這種解決方案

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

jQuery的

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

:Focus

1

的1.6+版本中,你可以通過兩種方式查詢:

可以綁定一個甚至n輸入。

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") 
相關問題