必威体育Betway必威体育官网
当前位置:首页 > IT技术

JS获取事件冒泡路径(composedPath )的兼容性写法

时间:2019-10-11 01:43:17来源:IT技术作者:seo实验室小编阅读:59次「手机版」
 

composed

调用方式:

function clickDom(event)
	const path=eventPath(event);
	console.log(path);
}

代码

/*
 * 获取事件冒泡路径兼容ie11,edge,chrome,firefox,safari
 * @param evt
 * @returns {*}
 */
  function eventPath(evt) {
        const  path = (evt.composedPath && evt.composedPath()) || evt.path,
            target = evt.target;

        if (path != null) {
            return (path.indexof(window) < 0) ? path.concat(window) : path;
        }

        if (target === window) {
            return [window];
        }

        function getparents(node, memo) {
            memo = memo || [];
            const parentNode = node.parentNode;

            if (!parentNode) {
                return memo;
            } else {
                return getParents(parentNode, memo.concat(parentNode));
            }
        }

        return [target].concat(getParents(target), window);
    }

相关阅读

js document.all用法

document.all用法 一.document.all是页面内所有元素的一个集合。例如:      document.all(0)表示页面内第一个元素二.docum

java json对象和json数组对象的处理

在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML、JSON等,JSON作为一个轻量级的数据格式比xml效率要高,XML需要很多的

js 递归调用

程序员不止眼前的逻辑和代码,还有底层的框架与架构。 1. 前言 最近在做一个复杂表格设计数据格式设置,其中用到了多叉树的原

js实现四舍五入,且保留两位小数

实现步骤 <script> var num=112.2546845; console.log(num.toFixed(2)); //112.255 </script>

json之containsKey

1 json中有一个函数是用于判断属性是否存在的。如果存在则返回true,如果不存在则返回false。该方法就是containsKey方法如:JSONObje

分享到:

栏目导航

推荐阅读

热门阅读