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

のiOSは、ぼかしのために私は他の解決策があれば、それは私に面白いです書いてください、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; } 
}