모바일에서 연속터치 막는 스크립트

신규 페이지 코드를 짰는데, 모바일 기기에서 전화번호를 누르면 전화 어플로 연결되는 기능을 넣었다.

그런데 아이폰에 깔린 카카오톡 내장 브라우저에서 전화번호를 누르면 그게 꼭 두번 이상 인식이 되고, 아이폰은 안드로이드처럼 전화 어플로 바로 넘어가는것이 아니라 알럿창이 뜬다.

사파리에서는 이상이 없는걸 보니..... 아 카카오톡이 또.......

해결책을 찾다가 이 코드를 발견했는데, 결론부터 말하자면 해결책은 아직 못찾았다.

그래도 혹시 나중에 필요할 경우를 대비해 넣어둔다.

1. count 변수에 클릭된 숫자를 넣어 return 시키는 방법

<script>

var [변수명] = 0;

</script>

<a target='_balnk' href="http:whatever" onClick="return ![변수명]++">click</a>

(출처 : Disable a hyperlink after click? 그리고 링크 연속 클릭 방지)

2. 링크 자체를 없애버리기

<a href="#" onClick="style.display='none';" style='cursor:hand'>전송 </a>

(출처 : 마우스 더블클릭 방지소스 초간단 팁)

두 가지 방법 모두 한번 링크를 누르고 나면 그 다음에는 더이상 클릭이 안된다.

페이지가 이동해버리면 괜찮을 것 같은데 전화번호이다보니 화면은 그대로 남아있어야 한다.

2초정도 버튼을 작동하지 않게 한다거나 하는 방법을 찾아야 할 것 같다.