H5頁面喚起手機號


做手機H5頁面的時候經常會碰到在某一個頁面會顯示一個手機號,坑爹的產品會說你點擊一下能不能讓手機彈出號碼,然后撥打出去,我試了試各種百度來的方法都是失敗的,比如下面的這個:

<a href="tel:10086">10086</a>

還有下面的這個:

<a href="wtai://wp//mc;10086">10086</a>  
<a href="wtai://wp/ap;10086;">10086</a>

我就想說我為什么用了這些方法都不好使呢。手機按了半天都是提示錯誤。然后我就想了個扭曲的辦法,其實和上面這些標簽的道理是一樣的,就是用javascript控制打電話:

html中,把手機號傳到一個js方法中:

<span onclick="callphone('10086');">
      聯系每個月都要花錢的大哥,對,就是10086
</span>

javascript中,用jquery的方法

<script>
function callphone(tel){    
		window.location.href = "tel:"+tel;
}
</script>

間接的轉化了a標簽,試了一下就成功了,如果有小伙伴碰到這些問題可以變換一下思路。

by as

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM