본문 바로가기
#Dev

사파리 아이프레임 안에서 tel 링크 작동 하지 않을때

by 알쓸신잡스 2018. 6. 29.



<a href="javascript:phoneCall();"><span id="phone_btn">전화걸기</span></a>



<script>
function phoneCall() {
var phone = "1899-9999";

location.href = 'tel:'+phone;
}
</script>


ios 사파리 아이프레임 내에서 tel 링크가 작동하지 않는 오류가 있었습니다. 

위와같이 구성하여 전화걸기를 활성하 하려고 시도 했지만 사파리에서만 제대로 동작 하지 않았습니다.




<script>
function phoneCall() {
var phone = "1899-9999";

top.location.href = 'tel:'+phone;

</script>

최상위 오프너를 컨트롤 top. 을 추가 하였습니다.


위와같이 수정한 후 전화걸기 a태그를 터치하면 전화걸기가 정상적으로 작동하는것을 확인할 수 있었습니다.