아이폰 OS 실패 솔루션의 이벤트를 클릭하십시오

요소가 최종 IOS에 추가 될 때 이벤트에 대리자 인 경우, 이벤트를 클릭  document 하거나  body 요소 (예 등 사업부, 스팬)을 클릭 할 수있는 기본이 아닌에 의해, 이벤트가 실패합니다 클릭에, 그리고 의뢰했다.

데모:

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
  < 선두 > 
    < 타이틀 > </ 타이틀 > 
    < 메타 캐릭터 = "UTF-8" > 
  </ 헤드 > 
  < 본문 > 
    < DIV 클래스 = "컨테이너" > </ DIV > 
      < DIV 클래스 = "대상" >点击我! </ DIV > 
    </ DIV > 
    <= "https://cdn.bootcss.com/jquery/2.2.4/jquery.js" > </ 스크립트 > 
    < 스크립트 > 
      $ ( 함수 () {
         // $ (문서) CSTE 연구진 ( '클릭', ' .target ', 기능 () {}) 
        $ ( ' 몸 ' ) CSTE 연구진 ( ' 클릭 ' , ' .target을 ' , 기능 () { 
          경고 ( ' 我被点击了! ' ); 
        }); 
      }) ; 
    </ 스크립트 > 
  </ 몸 > 
<

솔루션

여섯 해결책이 있습니다 :

• click 이벤트는 직접 (즉 대상 요소에 결합 )에 .target 

• 대상 요소 대체 할  또는   이러한 요소를 클릭 등 <a><button>

• 빈 대상 요소를 추가하려면  onclick=""(<DIV 클래스 = "대상" onclick을 = ""> 나를 클릭! </ DIV> )

• click 변경  touchend 또는  touchstart(주 플러스 로 preventDefault )

• click 위탁 비에 요소  document 또는  body 부모 요소

• 대상 요소 스타일 규칙을 추가하려면  cursor: pointer; ( 커서 : 포인터; -webkit-TAP-하이라이트 - 색상 : 투명; )

뒤의 두 권장합니다. Safari에서 추측, 비 - 클릭 할 수있는 요소 이벤트가 부모 요소로 버블 링되지 클릭합니다. 첨가함으로써  cursor: pointer; 요소가 클릭이되도록.

보충

문제

아이폰 OS 시스템  input 과 입력 내의 요소  cursor: pointer; 아이폰 OS 시스템이 필요하므로 실패,  cursor 에 적용하려면 속성을  click 이벤트가 트리거 될 수 없다

솔루션

• 설정 글꼴 크기 : 0;

• click 변화  touchend (주 플러스 로 preventDefault )