FEDev Story

[JS] IOS의 CLICK 버블링이 발생하지 않아요 iOS Safari는 클릭할 수 없는 HTML 요소에 이벤트 버블링이 발생하지 않아요. CSS를 이용해서 { cursor: pointer } 속성을 추가하면 이벤트를 버블링합니다. CSS cursor 속성을 모바일 해상도에만 적용하는 방법으로 우회할 수 있겠네요. Raw workarounds(원시 해결방법) 1. ONCLICK : 클릭 할 수없는 요소에 onclick 이벤트를 추가하면 버블링이 발생합니다. 하지만 DOM에 삽입되는 새로운 요소는 이를 지원하기 위해 추가 코드가 필요하기 때문에 이 방법은 좋은 방법이 아닙니다. 2. cursor: pointer 클릭 할 수없는 요소의 CSS를 클릭하면 버블링을 발생시킬 수 있습니다. iOS가 동작을 수정..

터치 이벤트 모바일 웹 페이지에선 더블탭에 대한 이벤트가 없다. 따라서 이러한 동작들을 터치 이벤트를 통해 분석해야 한다. 터치 이벤트의 종류 touchstart: 스크린에 손가락이 닿을 때 발생 touchmove: 스크린에 손가락이 닿은채로 움직일 때 발생 touchend: 스크린에서 손가락을 뗄 때 발생 touchcancel: 시스템에서 이벤트를 취소시킬 때 발생. 표준이 없으므로 touchend 이벤트로 간주해도 무방 터치이벤트의 특징 2, 3개의 손가락으로 화면 조작을 하는 경우가 있어서 각 터치에 대한 정보를 모두 포함한다(안드로이드 3.0미만 브라우저는 그렇지 않다). 손가락 접촉면이 크기 때문에 접촉 표면의 평균 좌표값을 얻는다. Mouseover이벤트에 해당하는 이벤트가 없다. 터치 이벤트..

javascript로 PC접속, mobile접속인지 확인하는 방법을 찾아보았다. navigator로 판별 var filter = "win16|win32|win64|mac"; if( navigator.platform ){ if( filter.indexOf(navigator.platform.toLowerCase())