今天晚上发现音乐播放器的一个小bug,点击、拖动音乐播放器进度条没有问题,但是点击上面的标题、歌手,进度条也会快进,就想到了冒泡事件。
这是由于排版的原因,马上就在子元素上加了个阻止冒泡的方法。代码如下:
//鼠标点击,快进,快退,暂停音乐
$('.music_line').mousedown(function(e){
music.pause();
var left2 = e.clientX;
left = left2-left1;
var pre = left/w;
music.currentTime = alltime*pre;
})
//阻止冒泡,点击文字会快进,之前没有加这个方法,点文字也会触发
$('.music_line span').mousedown(function(e){
e.stopPropagation();
})
排版好一点就不会有这个冒泡事件了。