chrome 怎么分发点击事件到具体的dom 上的

通过DOM更新来实时编辑您的网页的内容和结构。

DOM定义了页面的结构。每个DOM节点都是页面元素，例如，头部(header)节点，段落(paragraph)节点。

通过渲染的DOM来实时编辑你的网页内容和结构。

但请记住，你不能通过Elements(元素)面板中的DOM更改来修改源文件。重新加载页面会清除DOM树任何的修改。

使用DOM断点监视DOM的更改。

1dom0级事件

像上面把onclick写在标签内或者绑定onclick事件，都是dom0级事件，执行的时候第二个会覆盖第一个onclick，d出1

（btnClick行内事件优先执行， temponclick第二个执行，覆盖前者）

2dom2级事件（DOM2级的事件规定了事件流包含三个阶段包括： 1：事件捕获， 2：处于目标阶段， 3：事件冒泡阶段）

以上jq点击事件和原生的addEventListener的点击事件，都是dom2级事件，不会覆盖，会依次执行

3dom0事件和dom2事件并存

dom0事件和dom2事件并存,一次d出2,3,4,5,6

4无论在DOM0还是DOM2还是DOM3中都会在事件函数中传入事件对象;

事件对象event下的属性和方法：

在开发HTML DOM 元素上，需要留意DOM 重叠是存在两种结构。

DOM 重叠的两种结构：

针对上面的两类DOM 重叠，在解决对某一块 DOM 进行点击事件的触发时，采取的策略是完全不同。以下简单展开来说一下：

  这一类的重叠就是我们传统上的 DOM 树 Z 轴重叠，当点击 "子节点" 时，是可以通过事件捕获或者事件冒泡，来对每一层节点注册相对应的 “捕获” 或者 “冒泡”，从而实现相对应的事件的触发。

  在点击事件上，当我们希望点击事件触发的是父节点，而不是子节点时，但点击的却是子节点，那么我们只需改变 DOM 树 Z轴的顺序就可以实现，通过 z-index: xxx；来实现，z-index 数值越大，那么对应的Z 轴层级就越靠前，从而实现点击的是最靠前的DOM 节点。

  这类的节点的重叠是因为我们对这些节点的位置进行了移动，比如通过：float 浮动、position：absolute/relative；transform： translate（）等方式进行了位置的移动，从而引起了重叠。这类的DOM节点重叠，是不能实现 事件的“捕获/冒泡”的关联起来的，也不能通过 z-index 的改变层级权值来改变 Z轴的顺序的。

   这类DOM节点的重叠， 要实现 事件点击 能点击到下层DOM节点而不是点击移动过来的DOM节点，那么就需要使用到 css 的事件穿透属性 pointer-events: none; 这样就能使点击事件忽略上层设置了穿透的DOM节点，从而到达下层DOM 节点

以上就是关于chrome 怎么分发点击事件到具体的dom 上的全部的内容，包括:chrome 怎么分发点击事件到具体的dom 上的、dom0级事件及dom2级事件、DOM 重叠引起的点击事件无效等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！