JQuery

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

来源:锦绣园 2016-12-20 23:11:07986

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

    })

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

文章推荐