본문 바로가기

[Javascript] Opera Mobile 전화걸기 링크 버그

Publish: 2012년 2월 15일

모바일에서 하이퍼링크로 전화걸기를 할때 <a href=”tel:000-000-0000″>를 사용하는데 오페라 모바일 최신버전(11.50) 기준으로 tel 사용시 <a>태그에 추가되는 어트리뷰트 모든속성이 따라붙는 버그가 있습니다.

예로 <a href=”tel:000-000-0000″ class=”phone”>이라고 코드가 작성되있으면,
오페라 모바일 브라우저에서 000-000-000 class=”phone” 까지 출력됩니다.

현재로서는 Opera Mobile 에서의 버그로 확인되었고 Javascript로 번호 뒷부분을 짤라내어 사용
오페라 모바일 Agent(Opera Mobi)만 필터해서 아래 스크립트를 적용합니다.

HTML

<a href="tel:000-000-0000">

Javascript

if ( window.navigator.userAgent.search("Opera Mobi")>-1) {
    if ( $("a[href^='tel:']'").length ) fe_operaMobi();
}

function fe_operaMobi(){
    $("a[href^='tel:']").each(function(){
    var telHref = $(this).attr("href");
    if(telHref.indexOf("?")>0){
      var thisSplit = $(this).attr("href").split("?");
      $(this).attr("href",thisSplit[0]);
    }
  });
}

댓글 쓰기