## 撥打電話 發布郵件 ~~~ <a href="tel:0755-10086">打電話給:0755-10086</a> <a href="sms:10086">發短信給: 10086</a> <a href="mailto:peun@foxmail.com">peun@foxmail.com</a> ~~~ ## 屏幕旋轉 ~~~ window.onorientationchange = function(){ switch(window.orientation){ case -90: case 90: alert("橫屏:" + window.orientation); case 0: case 180: alert("豎屏:" + window.orientation); break; } } ~~~ ~~~ //css media：豎屏時使用的樣式 @media all and (orientation:portrait) { .css{} } //css media：橫屏時使用的樣式 @media all and (orientation:landscape) { .css{} } ~~~ ## 消除動畫閃屏 ~~~ .css{ /*設置內嵌的元素在 3D 空間如何呈現：保留 3D*/ -webkit-transform-style: preserve-3d; /*（設置進行轉換的元素的背面在面對用戶時是否可見：隱藏）*/ -webkit-backface-visibility: hidden; } ~~~ ## 音頻自動播放 問題解釋：跟微信版本有關 解決辦法 : 部分適用 ~~~ // 背景音樂控制 var bgMusicContr = $('#music'); var bgAudio = document.getElementById("bgMusic"); var isAutoPlay = localStorage.getItem('Mozi.isAutoPlay') || '1'; // 隱藏加載器 isAutoPlay = "1"; // 判斷是否自動播放背景音樂 if (isAutoPlay === '1') { bgAudio.play(); $(document).one('touchstart', function() { bgAudio.play(); }); } ~~~ ## click300ms延遲 ~~~ //移動端時間響應順序 1、ontouchstart 2、ontouchmove 3、ontouchend 4、onclick ~~~ ~~~ 1.使用touch事件 2.fastclick.js ~~~