htlm5 阻止冒泡

要阻止事件冒泡，可以使用 JavaScript 来处理。在 HTML5 中，可以使用 `event.stopPropagation()` 方法来阻止事件冒泡。例如，如果你有一个点击事件的处理程序，你可以在处理程序中调用 `event.stopPropagation()` 方法来阻止事件冒泡。

下面是一个示例：

<div onclick="console.log('父级被点击');">
  <button onclick="event.stopPropagation(); console.log('子级被点击');">点击我</button>
</div>

在这个示例中，当你点击按钮时，按钮的点击事件处理程序会被触发，但父级 div 元素的点击事件处理程序不会被触发，因为我们在按钮的处理程序中调用了 `event.stopPropagation()` 方法。

希望这可以解决你的问题！如果你还有其他问题，请随时提问。

相关问题

vue3 防止事件冒泡

在Vue 3中，可以使用修饰符来防止事件冒泡。以下是一些常用的修饰符：

1. `.stop`：阻止事件冒泡，不会触发父元素的相同事件。
2. `.prevent`：阻止事件的默认行为，例如阻止超链接的跳转或表单的提交。
3. `.self`：事件只作用在元素本身，而不是其子元素。
4. `.capture`：将事件改为倾听模式，即从外部元素开始监听事件。
5. `.once`：将事件设置为只执行一次。
6. `.passive`：滚动事件的默认行为将立即触发，而不会等待事件处理完成。

以下是一个示例，演示如何在Vue 3中使用修饰符来防止事件冒泡：

<template>
  <div @click.stop="handleDivClick">
    <button @click.stop="handleButtonClick">点击按钮</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleDivClick() {
      console.log("点击了div");
    },
    handleButtonClick() {
      console.log("点击了按钮");
    },
  },
};
</script>

在上面的示例中，当点击按钮时，`handleButtonClick`方法会被触发，而`handleDivClick`方法不会被触发，因为使用了`.stop`修饰符阻止了事件冒泡。

html css js

好的，这里给你列举一些常见的前端面试题目：

HTML 相关：

1. doctype 是什么？有什么作用？
2. meta 标签都有哪些？常用的有哪些？
3. HTML5 有哪些新特性？
4. HTML 中的语义化标签有哪些？有什么作用？

CSS 相关：

1. 什么是盒模型？有哪些盒模型？
2. CSS 中的权重是如何计算的？优先级是如何决定的？
3. CSS 中常用的选择器有哪些？优先级如何？
4. CSS 中的伪类和伪元素分别是什么？有哪些常用的伪类和伪元素？

JavaScript 相关：

1. 什么是闭包？有什么作用？
2. 什么是原型？原型链是什么？有什么作用？
3. 什么是事件冒泡和事件捕获？如何阻止事件冒泡？
4. ES6 中的 let 和 const 有什么特点和用途？
5. 如何判断一个变量是数组类型？如何判断一个变量是对象类型？

以上是一些常见的前端面试题目，希望可以帮助到你。