ipad 에서 input 키보드 이외 다른곳 터치시 키보드 내려가지 않는 현상

20191016

ipad input focus되서 키보드 on  된 후 다른곳 터치시 키보드 내려가지 않는 현상
최초 대응 input, textarea 요소에 focus되고난 후 html터치 스타트시 최초 터치한 input과 새롭게 터치한 요소가 다르면 blur
- 이슈발생 :  댓글에서 글 작성후 '전송'버튼 터치시 blur되버리면서 뒷쪽요소 터치됌
- 1번째 수정 : 터치한 요소가 button이면 return --무수한 케이스 발생

 

$(document).on('focusin',$('input[type="text"],textarea'), function(evt){
  var $this = $(evt.target);
  $('html').on('touchstart',function(e){
   var eTagname =$(e.target)[0].tagName;
   if(eTagname != $this[0].tagName && eTagname != 'BUTTON'){
    console.log(eTagname)
    $this.blur();
   }
  });
 }).focusout(function(){
  $('html').unbind('touchstart');
 });

 

 

 

- 해당 코드 삭제, ios에서는 cursor:pointer 만 줘도 버블링 발생됌. 아이패드 분기 css media query로 해서 cursor 삽입
(useragent로 불명확)
=> 사이즈 (min-width:768px) and (max-width:1025px) 구간에서 cursor  발생

// ipad mini에서 focus후 다른곳 터치시 키보드 내려가지 않는 문제로 ipad구간에 cursor:pointer 적용
@media screen and (min-width:768px) and (max-width:1025px){
    html * {cursor: pointer;}
}