iOS에서 작동하지 않는 jQuery 블러

Question

나는 간단한 텍스트 영역을 가지고 있으며, iPad 또는 iPhone을 사용하여 초점을 맞추면 다른 필드 나 링크를 클릭 할 때까지 해당 텍스트 영역에 포커스를 유지합니다. 나는 다른 요소를 클릭하여 포커스를 제거하고 contenteditable 특성을 사용하여 div에서 동일한 작업을 수행하려고합니다. 그것은 작동하지 않습니다

$('body').click(function(e) { 
     if (!$('#text-to-change').is(e.target)) { 
      $('#text-to-change').blur(); 
     } else { 
      $('#text-to-change').focus(); 
     } 
    }); 

... 초점은 그 텍스트 영역에 거기 체재 : 내가 어딘가에 읽을 그래서, 나는이 시도했습니다.

Answer 1

아이폰 OS는 흐림을 위해 내가 다른 해결책이 있다면, 그것은 나에게 흥미 적어주세요, CSS를 사용하여 하나 개의 솔루션을 발견, 초점을 지원하는 모바일에 흐리게하지

CSS :

// search input box blur support 

//iPhone 6 in portrait & landscape 
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) { 
    body { cursor: pointer; } 
} 

//iPhone 6 Plus in portrait & landscape 
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) { 
    body { cursor: pointer; } 
} 

// iPhone 5 & 5S in portrait & landscape 
@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) { 

    body { cursor: pointer; } 
}