Javascript -子项阻止父项被单击

JavaScript中，可以通过事件冒泡和事件捕获来处理事件。事件冒泡是指当一个元素触发某个事件时，该事件会向上级元素传播，直到传播到文档根节点。事件捕获则是相反的过程，事件从文档根节点开始传播，直到传播到触发事件的元素。

如果想要阻止父元素被点击，可以使用事件对象的stopPropagation()方法。该方法可以阻止事件继续向上级元素传播，从而阻止父元素触发相同的事件。

以下是一个示例代码：

// HTML结构
<div id="parent">
  <div id="child">
    Click me
  </div>
</div>

// JavaScript代码
const parent = document.getElementById('parent');
const child = document.getElementById('child');

child.addEventListener('click', function(event) {
  event.stopPropagation(); // 阻止事件冒泡
  console.log('Child clicked');
});

parent.addEventListener('click', function() {
  console.log('Parent clicked');
});

在上述代码中，当点击子元素时，事件会被子元素捕获并处理，同时调用stopPropagation()方法阻止事件继续向上级元素传播。因此，父元素不会触发点击事件，控制台只会输出"Child clicked"。

推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），它是一种无需管理服务器即可运行代码的计算服务。您可以使用云函数来编写和执行JavaScript代码，实现事件处理、数据处理等功能。详情请参考腾讯云云函数产品介绍：腾讯云云函数。