window.onload?=?function(){
var?music?=?document.getElementById("music");
var?audio?=?document.getElementsByTagName("audio")[0];
//當音樂播放完停止的時候,自動停止光盤旋轉(zhuǎn)效果
audio.addEventListener("ended",?function(event){
//?this.style.animationPlayState?=?"paused";?安卓4.4以下和蘋果6不兼容
//?this.style.webkitAnimationPlayState?="pasused";?蘋果6兼容,安卓不行
music.setAttribute("class",?"");
},false);
//點擊音樂圖標,控制音樂播放器效果
//?music.onclick?=?function(){
//? if(audio.paused){
//? audio.play();
//? //?this.style.animationPlayState?=?"paused";?安卓4.4以下和蘋果6不兼容
//? //?this.style.webkitAnimationPlayState?="pasused";?蘋果6兼容,安卓不行
//? this.setAttribute("class","play");?//沒辦法暫停在轉(zhuǎn)動的位置,而是回到初始位置
//? }else{
//? audio.pause();
//? this.setAttribute("class","");
//? }
//?};
//為了消除延遲,改用監(jiān)聽觸摸事件,監(jiān)聽手機屏幕觸摸
music.addEventListener("touchstart",?function(event){
if(audio.paused){
audio.play();
this.setAttribute("class","play");?
}?else{
audio.pause();
this.setAttribute("class","");
};
},?false);
};
2018-12-26
加一行代碼就可以了
$("body").on("touchstart", function(e) {
? ? ?// 判斷默認行為是否可以被禁用
? ? ?if (e.cancelable) {
? ? ? ? ?// 判斷默認行為是否已經(jīng)被禁用
? ? ? ? ?if (!e.defaultPrevented) {
? ? ? ? ? ? ?e.preventDefault();
? ? ? ? ?}
? ? ?}
?});
2017-04-28
我也是touchstart和touchmove不能觸發(fā),該怎么進行移動端開發(fā)?求助
2017-04-02
我今天折騰了一天,發(fā)現(xiàn)只有touchstart不行,touchend, touchmove, click這三個事件都可以順利觸發(fā),具體原理不明,我查了些資料,貌似click = touchstart[+touchmove]+tocuhend這些事件的合集