2014-03-25 4 views
0

페이지가 화면 너비와 높이를 통해 반응하도록 설정된 모바일 웹 앱을 구축 중입니다. 나는 여기에 하나의 문제에 직면하고있다. 휴대 전화에서 입력 필드를 클릭하면 일부 브라우저에서는 모바일 키패드로 인해 화면 크기가 변경됩니다. 이 경우 화면 크기를 조정하지 않으려합니다. 화면을 회전 할 때 화면의 크기가 변경되어야하는 곳입니다. 귀하의 도움을 크게 주시면 감사하겠습니다. 아래는 내가 사용하고있는 코드의 일부입니다.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

@ 당신의 방법은 input_click 플래그를 설정하기 위해 작동하지만 리사이즈 이벤트를 비활성화하지는 않습니다. –

답변

4

두 방법으로 확인할 수 있습니다 JQuery와

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

:Focus

1

을 시도해보십시오

당신이 바인딩 할 수 있습니다 이벤트 o 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") 
1

의 버전 1.6이 솔루션

var isFocused = $("input").is(":focus") 
관련 문제