[hybridApp] IOS safari click 미동작 / jquery.on('click') not working in iOS

 

하이브리드 앱 개발 중,, IOS 12버전에서 jquery $('document').on('click') 이 동작하지 않는 현상이 발생했다.

 

동적으로 생성하는 HTML 태그에 이벤트를  걸어야 해서,

document 객체에 아래와 같이  특정 class 클릭 이벤트를 줬다.

$('document').on('click','class',function(){
// code
})

 

안드로이드나 IOS 13버전에서는 문제 없이 동작하였으나 IOS 12.xx버전에서 해당 이벤트 들만 동작하지 않았다.

 

검색해보니 ios mobile browser인 safari에서 click의 cursor가 지정되지않아 click이벤트로 들어오지 않는 것 같았다.

 

이와 관련해 2가지 해결방법을 찾았다.

 

1. 해당 클래스 css에 cursor 지정

.class {
	cursor: pointer;
}

 

 

2. on() 속성에 'touch~~' 추가

$('document').on('click touchend','class',function(){
// code
})

or

$('document').on('click touchstart','class',function(){
// code
})

 

왜 ios 12 safari에서 안되는지 정확한 이유는 더 찾아서 업데이트 해야겠다.