JQ和原生JS监听audio播放停止事件
原生JS:
专注于为中小企业提供成都网站建设、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业德兴免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
function control_f(){
var audio_f = document.getElementById('music_f');
var audioimg_f = document.getElementById('audioimg_f');
if(audio_f!==null){
if(audio_f.paused){
audio_f.play();
audioimg_f.src=images[0];
}else{
audio_f.pause();
audioimg_f.src=images[1];
}
}
{//监听语音结束
audio_f.addEventListener('ended', function () {
audioEnded();
}, false);
function audioEnded() {
audioimg_f.src=images[1];
}
}
JQ:
//语音试听按钮
$('.ll-audio-btn').click(function () {
var bb = $(this).siblings('.ll-audio')[0];
if($(this).hasClass('open')){
$(this).text('暂停');
bb.play();
$(this).removeClass('open');
}else{
$(this).addClass('open');
$(this).text('试听');
bb.pause();
}
(function($){//监听语音结束
bb.addEventListener("ended",function(){
$(this).siblings('.ll-audio-btn').addClass('open');
$(this).siblings('.ll-audio-btn').text('试听');
bb.pause();
},false);
})(jQuery);
});
本文题目:JQ和原生JS监听audio播放停止事件
路径分享:http://azwzsj.com/article/pedhcd.html