阻止子元素触发父元素冒泡事件

今天晚上发现音乐播放器的一个小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();

    })

排版好一点就不会有这个冒泡事件了。