## 拨打电话 发布邮件 ~~~ <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 ~~~