dom 相关问题

表格 DIV <body> <form id="form">FORM <div id="div" style="background-color: aqua;">DIV <p id="p" style="background-color: blue;">P</p> </div> </form> <script src="index.js"></script> </body> JS: let form = document.getElementById('form'); let div = document.getElementById('div'); let p = document.getElementById('p'); form.addEventListener("click", e => { // why is this event triggered when I click on p or div? console.log("capturing form") }, true); div.addEventListener("focus", e => { // is intentional console.log("capturing div") }, true); p.addEventListener("focus", e => { // is intentional console.log("capturing p") }, true); 既不在p也不在div我有点击事件但是当我点击p或div时触发表单点击事件输出： capturing form 这是预期的行为吗？（我在 p 或 div 上没有点击处理程序，但是当我点击 form 或 div 时它会触发 p 中的点击）是的，为了阻止传播，您必须使用 Event.stopPropagation() 方法来阻止您的 div, p 元素传播事件。正如您在下面的代码片段中看到的，点击事件将从子元素传播到父元素。事件冒泡是click事件的预期行为。 let form = document.getElementById('form'); let div = document.getElementById('div'); let p = document.getElementById('p'); form.addEventListener("click", e => { console.log("capturing form click event") }, true); div.addEventListener("click", e => { console.log("capturing div click event") }, true); p.addEventListener("click", e => { console.log("capturing p click event") }, true); <form id="form" tabind>FORM <div id="div" style="background-color: aqua;">DIV <p id="p" style="background-color: blue;">P</p> </div> </form>

javascript dom dom-events event-propagation

回答 2 投票 0

在 onClick 方法中调用 React 副作用。有没有更好的实现方式？

我有一个导航面板，其中包含指向 React 应用程序内不同页面的链接。我想突出显示当前的导航链接。我可以通过向活动导航链接添加一个类来实现这一点。我的

javascript reactjs dom react-hooks

回答 1 投票 0

Uncaught TypeError：无法读取 dom 中未定义的属性（读取“值”）[关闭]

我正在尝试做一个文档对象模块函数，我可以将我的值存储在本地存储中，但我无法运行代码请任何人帮助我

javascript dom

回答 0 投票 0

无法通过 JS DOM 打印表格

function myFunction() { var x = parseInt(document.getElementById("数量").value); var x2 = parseInt(document.getElementById("quantity2").value); var x3 = parseInt(文档...

javascript dom

回答 1 投票 0

如何使用 Composition 在 Vue 3 中设置 DOM 元素属性 (ScrollLeft)

我正在尝试获取一个可水平滚动的 DOM 元素并设置它的滚动位置。然而，即使我在 console.log() 中输出它的值，该属性似乎也没有更新它的值

vue.js dom vuejs3 vue-composition-api

回答 2 投票 0

无法从 redux 中的特定 id 获取数据

在 Redux 中，将数据保持在初始状态后，应通过从该数据中获取特定 ID 来增加计数器的值。请做什么，建议和实施是必要的...

dom redux

回答 0 投票 0

document.getElementById() 在页面上找不到任何匹配项

我有这个html代码：从'./Carusel'导入{currentSlide}；