dom-events 相关问题

DOM（文档对象模型）事件允许事件驱动的编程语言在DOM树内的元素节点上注册各种事件处理程序/侦听器。

函数窗口({ 孩子, 名字 }) { const { modalName, closeModal } = useContext(ModalContext); const ref = useOutsideClick(closeModal); if (modalName !== name) 返回 null; 返回

javascript reactjs event-handling dom-events event-capturing

回答 1 投票 0

通过图层/div转发鼠标事件

有人知道 jQuery 或本机 JavaScript 方法可以通过图层启用鼠标事件吗？例如启用 div 下面的链接。在我的情况下无法使用的其他解决方案：一个简单的方法，

javascript jquery dom-events

回答 6 投票 0

如何从 IFRAME 中触发“beforeunload”事件

我有一个应用程序（将其命名为 B），它被另一个主应用程序（将其命名为 A 或父应用程序）嵌入到 Iframe 中。所以：App A-- // A 的域：https://mydomain/mainApp ...

javascript reactjs iframe dom-events iframe-app

回答 3 投票 0

React onFocus 和 onFocusCapture 的区别

我想知道反应事件：onFocus 和 onFocusCapture 之间有什么区别。我在 React 的文档页面上找不到合适的答案。我想知道反应事件之间有什么区别：onFocus和onFocusCapture。我在 React 的文档页面上找不到合适的答案。 <OutlinedInput label="price from" onFocus={handlePriceFocus} /> <OutlinedInput label="price to" onFocusCapture={handlePriceFocus} /> 就我而言，似乎 onFocus 和 onFocusCapture 具有相同的功能，因为我在使用这两个事件时没有注意到任何区别。这是 React 在他们的文档中所说的： “下面的事件处理程序由冒泡阶段的事件触发。要为捕获阶段注册事件处理程序，请将 Capture 附加到事件名称；例如，不使用 onClick，而是使用 onClickCapture 来处理单击事件在捕获阶段。” https://react.dev/learn/responding-to-events#capture-phase-events 所以，我认为没有什么可说的了。我的理解是，如果没有“捕获”，代码会在事件之后执行，而如果有“捕获”，则代码会在事件之前执行。

javascript reactjs dom-events

回答 1 投票 0

使用“.click()”触发事件监听器是同步的吗？

我有以下代码（其中 HTML 中有一个）：（功能（） { '使用严格'； document.getElementById(7).addEventListener("点击", function(){ 我有以下代码（其中 HTML 中有一个 <button id="7">）： (function() { 'use strict'; document.getElementById(7).addEventListener("click", function(){ console.log('clicked'); }) console.log('before'); document.getElementById(7).click(); console.log('after') }()); 当它在 Firefox 41 控制台中运行时，我就预料到了之前之后点击了因为代码会同步运行，然后在完成脚本后响应事件队列上的单击事件。相反，我得到之前点击了之后这表明事件正在同步处理？是的，click方法会同步运行激活步骤，其中包括立即触发（创建和分派）事件。它不会放入事件循环队列中。

javascript dom-events

回答 1 投票 0

如何在Javascript中获取TouchEvent的位置

我正在尝试向我的js游戏添加触摸兼容性，并且需要知道窗口对象上触摸事件的位置，通过点击您可以获得e.x，e.y，但是触摸启动没有这样的属性。我...

javascript event-handling dom-events touch touch-event

回答 1 投票 0

React onWheel 处理程序无法阻止Default，因为它是被动事件侦听器

我正在尝试覆盖组件上的 Ctrl+滚动行为，但它无法处理错误 [Intervention] 由于目标被视为

javascript reactjs dom dom-events

回答 2 投票 0

react 复选框：event.preventDefault() 破坏了 onChange 函数 - 为什么？

我刚刚发现一个杂散 event.preventDefault() 破坏了我的复选框的 onChange 处理程序：从“反应”导入{组件}；类应用程序扩展组件{ 构造函数（道具）{ 超级(

javascript reactjs dom-events preventdefault html-input

回答 2 投票 0

Highmaps 向下钻取地图选择事件

我成功地使用“Highmaps”（http://www.highcharts.com/maps/demo）创建了一张挪威地图，其中包含县，当它选择一个县时，它会深入到市镇。我需要抓住这些...

javascript highcharts dom-events

回答 2 投票 0

如何使单击某些元素成为 useClickAway 挂钩的例外

我有一个叠加层，可以通过单击图标按钮打开。在该叠加层中，我使用了由react-use库导出的useClickAway钩子 - useClickAway(overlayRef, hideOverlay); 基本上，

javascript reactjs react-hooks dom-events

回答 1 投票 0

检测视频元素上的播放/暂停交互并忽略通过搜索功能触发的事件

我遇到了视频元素事件的问题：我只想在与播放或暂停按钮交互时触发分析事件。播放、暂停和播放事件按预期工作

javascript video dom-events html5-video

回答 1 投票 0

反应浏览器“后退”按手柄/监听器

我的反应项目有问题...... 我试图在窗口关闭时触发“triggerDisband”功能。到目前为止，“beforeunload”侦听器做得很好，它适用于眉毛...

reactjs typescript react-router dom-events event-listener

回答 1 投票 0

更改父元素的文本内容会导致子元素删除

我在javascript中的图像上有一个“单击”事件，我想用它来在单击时更改父元素的文本内容。但是，当我单击它时，父级的文本会发生变化，但图像

javascript dom-events

回答 3 投票 0

如何将addEventListener等必要的原生DOM方法与react集成？

我目前正在开发一个项目，涉及将 React 事件与我的代码库集成。但是，我在将它们与某些本身不支持 React 的库合并时遇到了麻烦，

javascript jquery reactjs dom-events

回答 1 投票 0

如何在JavaScript中捕获右键单击事件？ [重复]

我想阻止标准上下文菜单，并手动处理右键单击事件。这是怎么做到的？

javascript html events event-handling dom-events

回答 2 投票 0

为什么在 JavaScript 事件函数中使用 `return`

HTML： JavaScript：函数 isNumberKey(evt) { var charCode = (evt.which) ? evt.which : evt.keyCode; 如果（

javascript dom-events

回答 1 投票 0

为什么h3标签没有问题，但函数外不能写入输入值？

var aranan = document.getElementById("myInput") var h3 = document.getElementsByTagName("h3") var 过滤器 = aranan.value 函数 myFunction() { 控制台.log(过滤器) 控制台.log(h3[0]) } var aranan = document.getElementById("myInput") var h3 = document.getElementsByTagName("h3") var filter = aranan.value function myFunction() { console.log(filter) console.log(h3[0]) } <body> <div class="container"> <h1 class="word">our store</h1> <label for=""> Search <input type="text" placeholder="Ara..." onkeyup="myFunction()" id="myInput"> </label> <div class="menu" id="burasıda-id" data-name="yerel" data-surname="12.05.2020"> <h2>all</h2> <h2>cakes</h2> <h2>cupcakes</h2> <h2>sweets</h2> <h2>dougnuts</h2> </div> <section> <h3 class="first">cake</h3> <h3 class="second">cupcake</h3> <h3 class="third">sweet</h3> <h3 class="fourth">dougnut</h3> </section> </div> <script src="app.js"></script> </body> 为什么 console.log(h3[0]) 有效但 console.log(filter) 不起作用？当我将 var filter 放入函数中时，它也可以工作。但这可能是什么原因呢？是关于输入值应该在函数中吗？因为此代码在页面加载时立即执行： var aranan = document.getElementById("myInput") var h3 = document.getElementsByTagName("h3") var filter = aranan.value 当页面首次加载时，该元素没有值： <input type="text" placeholder="Ara..." onkeyup="myFunction()" id="myInput"> 所以filter将是空的。由于该变量不会发生任何改变，因此它将始终为空。为了在用户输入后捕获值，您需要在输入后读取 .value 属性。在myFunction内部似乎是一个不错的地方： function myFunction() { console.log(aranan.value) console.log(h3[0]) } 这里的主要区别是 aranan 和 h3 保存对页面元素的引用，这些元素在设置这些变量时确实存在。但是 filter 保存着一个文字值，并且在您设置该变量时，该输入中没有任何值。

javascript dom-events

回答 1 投票 0

如果触发 Chrome 开发者工具调试器，为什么模糊事件永远不会触发？

考虑这个输入 - 我们在按 Enter 键时变得模糊。它通常有效。但是，如果您打开 Devtools，那么调试器行可以工作，那么 !!blur 永远不会触发 - 即使元素失去焦点！为什么，什么是...

javascript dom dom-events

回答 0 投票 0

无法通过点击获取元素数据

大家，我一直在做一件事。我在 JavaScript、JQuery 中有这样的代码。而那些带有点击的下部，我只是无法从点击的元素中获取 data-num 属性。我已经尝试了100次

jquery dom onclick dom-events jquery-events

回答 1 投票 0

如何使用扩展程序中的内容脚本根据条件阻止按下按键时网站的行为事件？

我有这个扩展，它允许用户制作笔记列表，它开始使用内容脚本观察聚焦元素的用户输入，如果用户激活其中的选项，它将停止...