栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

【Java script基础学习】关于事件流

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

【Java script基础学习】关于事件流

一、事件流 - 冒泡
    事件流:多个具有包含关系的事件源的相同事件之间的执行顺序。事件流的状态:

    事件捕获:从外向内依次触发目标阶段:真正要触发的事件事件冒泡:从内向外依次触发 事件冒泡:当触发某个元素的某个事件时,不仅会触发自身的事件,还会依次向上触发所有父元素的相同事件。

    是默认的事件流状态微软最先提出,所以IE低版本只支持事件冒泡 阻止事件冒泡

    正常:e.stopPropagation();IE低版本:e.cancelBubble = true;

    // 阻止冒泡的兼容封装
    function stopBubble(e){
        if(e.stopPropagation){
            e.stopPropagation()
        }else{
            e.cancelBubble = true;
        }
    }
    
    鼠标进入和离开

    进入:mouseover和mouseenter离开:mouseout和mouseleave区别:会不会触发事件冒泡

二、事件流 - 捕获
    事件捕获:当需要触发某个元素的事件时,会先从最顶层父元素开始依次向内触发相同事件,直到触发到目标元素的事件的过程IE低版本浏览器没有事件捕获状态,只有事件冒泡。正常了浏览器也需要通过监听式绑定事件才能触发事件捕获。事件监听式绑定事件方法的第三个参数,用来控制事件流的状态是捕获还是冒泡

    ele.addEventListener(type, cb, 参数3);

    true:捕获false:冒泡

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/760216.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号