js委托写法

最新推荐文章于 2024-06-10 17:00:16 发布

榴莲尖尖

最新推荐文章于 2024-06-10 17:00:16 发布

阅读量655

点赞数 2

分类专栏：原生JS js

本文链接：https://blog.csdn.net/qq_43659178/article/details/121702416

版权

事件冒泡事件捕获兼容性代码优化前端开发

关键词由CSDN通过智能技术生成

原生JS 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

原理：利用事件冒泡或者事件捕获的特性

作用：减少请求与代码量

ie浏览器与其他浏览器的兼容性写法

document.getElementsByClassName("navRight")[0].children[0].onmouseover = function (e) {
    var e = e || window.event;
    target = e.target || e.srcElement;
    let c = target.getAttribute("class");
    document.getElementsByClassName(c)[0].style.borderBottom = "1px solid black";
}

核心代码

var e = e || window.event;
target = e.target || e.srcElement;

注意方法必须要有参数e（这个e是名字，可以改）