클릭했을 때 전화 걸기 html/css

이번에 현장에서 배운 재밌는 코드

 

보통 스마트폰에서 전화번호가 적혀있는 부분을 터치하면 

전화 걸기 기능을 실행해주는 기능을 배웠다. 

뭔가 엄청 어려울 것 같았는데 별거 없었다 ㅎㅎ

 

<a href="tel:000-1234-5678">000-1234-5678</a>

a태그 안에 href속성이 있는데 여기에  tel: 번호를 입력해주면 된다.

 

만약 해외사이트의 경우

앞에 +국제번호(한국의 경우: 82)를 입력해주면 된다.

밑에와 같이

<a href="tel:+82-00-1234-5678">000-1234-5678</a>

 끝

 

 

플러스)

혹시 css브레이크 포인트에서 지정한 크기에서만 실행하고 싶다면

@media(min-width: 770px){
   a[href^="tel:"]{
      pointer-events: none;
   }
}

디바이스의 폭이 770px미만에서는 전화 발신이 가능한데

770이상의 디바이스에서는 전화발신기능이 불가능하게된다.

 

 

진짜 끝