初探JS-html5移動端發送指定內容簡訊到指定號碼

來源:互聯網
上載者:User

標籤:reg   post   head   lang   key   pos   oid   原理   添加   

原理:利用a標籤跳轉指定網址:
sms://[號碼]?body=[內容] //安卓
sms://[號碼]&body=[內容] //IOS

首先簡單的做兩個input,一個用於輸入內容,一個用於輸入發送的號碼。再加一個a標籤。

代碼如下

<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>傳送簡訊</title></head><body><form action="#">    <input  id="name" type="text">    <input  id="tel" type="text">    <a href="#">傳送簡訊</a></form></body></html>

這時候這樣一個思路,我們要擷取兩個input的值,然後賦給a標籤的href屬性。
JS代碼如下

<script>function doAction(){     var u = navigator.userAgent;     var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1; //android終端     var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端     var name =document.getElementById(‘name‘).value;     var tel= document.getElementById(‘tel‘).value;     if(isiOS){       document.getElementsByTagName(‘a‘)[0].href="sms://"+tel+"?body="+name;}else{       document.getElementsByTagName(‘a‘)[0].href="sms://"+tel+"&body="+name;}    }</script>

然後再input標籤添加一個oninput時間來觸發doAction()就可以了。



躚塵
連結:https://www.jianshu.com/p/3d3224b85ee6
來源:簡書
著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。

初探JS-html5移動端發送指定內容簡訊到指定號碼

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.