dom-events 相关问题

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

如果本机事件和合成事件位于同一元素中，哪一个先运行？

我研究了原生事件和合成事件。但我不知道如果本机事件和合成事件位于同一元素中，哪一个运行得更快。聊天 gpt 和克劳德告诉我不同。所以我问...

reactjs dom-events

回答 1 投票 0

是否可以使用Javascript捕获浏览器的文件打开/保存对话框事件

使用Javascript可以监听浏览器的文件打开/保存对话框事件。当我收到保存文件对话框现已打开的通知时，我想执行一项操作。具体来说我...

javascript jquery browser dom-events

回答 4 投票 0

如何判断onChange事件是否被onPaste调用

我有一个与 onChange 事件关联的 Javascript 函数。据我所知，某些浏览器在文档或元素级别支持 onPaste。有没有办法确定是否

javascript dom-events onchange onpaste

回答 5 投票 0

数组弹出仅在不分配给变量时才有效？

让channels_history = [0, 0, 1, 0]; 让通道=0； // 包裹在一些按钮点击事件处理程序中>>>>> 频道=channels_history.pop(); console.log(channels_history); \<&l...

javascript arrays dom-events

回答 2 投票 0

为什么事件在 javascript 中不起作用？单击按钮不会改变 h1 的颜色。以下是代码图片链接

为什么事件在 javascript 中不起作用？单击按钮不会改变 h1 的颜色。以下是代码图像的链接。这里是代码图像的链接。为什么事件在 JavaScript 中不起作用？单击按钮不会改变 h1 的颜色。下面是代码图片的链接。这里是代码图片的链接。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Select tag</title> <script> document.addEventListener('DOMContentloaded', () => { document.querySelector('select').onchange=function(){ document.querySelector('#hello').style.color=this.value; } }); </script> </head> <body> <h1 id="hello">Hello!</h1> <select name="select" id="select"> <option value="black">Black</option> <option value="red">Red</option> <option value="blue">Blue</option> </select> </body> </html> <h1 id="hello">hello</h1> <select name="select" id="select"> <option value="black">black</option> <option value="red">red</option> <option value="blue">blue</option> </select> <script> document.addEventListener("DOMContentLoaded", function() { $('select').change(function(){ field = document.querySelector('select'); document.querySelector("#hello").style.backgroundColor = field.value; }); }); </script>

events event-handling dom-events

回答 1 投票 0

如何在 Chrome DevTools 中查看元素上触发的事件？

我在库的页面上有一个可自定义的表单元素。我想看看当我与它交互时会触发哪些 JavaScript 事件，因为我试图找出要使用的事件处理程序。怎么...

javascript dom-events google-chrome-devtools

回答 6 投票 0

页面路由期间调度事件不起作用

我正在开发一个 Angular 14 应用程序，在该应用程序中，页面加载获取当前日期（从日期选择器中选择）并将其传递到后端以获取数据。在这个...

javascript angular typescript dom-events

回答 1 投票 0

如何检测移动设备（Android 上的 Chrome）文本区域中的“Enter”键按下情况

我试图检测何时在文本区域内按下“Enter”键。在桌面上，我可以监听 keydown 事件并检查 e.key === 'Enter' 或 e.keyCode === 13。然而这并不

javascript dom-events

回答 3 投票 0

如何在javascript中获取鼠标相对于窗口视口的位置？

event.pageY 获取相对于整个文档高度的鼠标位置（我假设是 document.documentElement.offsetHeight）。但是如何获取鼠标相对于当前视口的位置，wh...

javascript height dom-events viewport

回答 5 投票 0

如何检测滚动条上的鼠标按下？（或“scrollEnd”事件）

有人知道如何检测滚动条上的 mouseup 事件吗？它在 FF 中有效，但在 Chrome 或 IE9 中无效。我设置了一个快速演示：http://jsfiddle.net/2EE3P/ 总体想法是我想...

javascript dom-events scrollbar

回答 6 投票 0

如何识别多个SELECT元素中的双击

我有一个带有 MULTIPLE 属性的 SELECT 元素。双击列表中的选项时，我想根据单击的选项执行操作。我知道 OPTION 元素...

javascript html dom-events

回答 6 投票 0

当我在 DOM 事件属性中调用函数时，如何确保它可以访问事件的 `this`？

我试图在单击事件发生时调用函数。在函数本身中，我提到了这一点：函数移动（e）{ var myId = this.id; 控制台.log(myId); } 我试图在 click 事件发生时调用函数。在函数本身中，我指的是this： function move(e) { var myId = this.id; console.log(myId); } <button id="A1" onclick="move()">#A1</button> <button id="A2" onclick="move()">#A2</button> <button id="A3" onclick="move()">#A3</button> 但是我运行整个过程，控制台显示“未定义”。当我尝试 alert(this); 时，我得到“[对象窗口]”。我该如何解决这个问题？ this 是代码中的 window 对象。您可以传递 this 作为参数。 <td id="A1" onclick="move(this)" class="white"></td> 然后： function move(ele){ var myId = ele.id; alert("myId"); } 当从事件处理程序调用函数时，其 this 不是由处理程序设置的（尽管您可以根据 Xdazz 的答案从处理程序传递 this，或根据 Kyle 的答案设置 this）。另一种方法是从与事件关联的事件对象中提取发送者元素： function move(e) { if (!e) e = window.event; var sender = e.srcElement || e.target; //maybe some nested element.. find the actual table cell parent. while (sender && sender.nodeName.toLowerCase() != "td") sender = sender.parentNode; var myId = sender.id; alert(myId); } 您还必须显式传递事件： onclick="move(event)" 请注意，当表格单元格具有嵌套元素时，它们将成为“发送者”，因此要获取所需的元素（即表格单元格），您必须向上遍历。为了避免所有这些令人头疼的问题，请参阅下面如何通过代码附加处理程序。现场测试用例. 也就是说，更好的做法是通过代码而不是内联绑定点击事件 - 不要将 HTML 与 JavaScript 混合。为了实现这一点，有这样的代码： window.onload = function() { var arrCells = document.getElementsByTagName("td"); for (var i = 0; i < arrCells.length; i++) { var oCell = arrCells[i]; if (oCell.id && oCell.id.substr(0, 1) == "A") { oCell.onclick = move; } } } 使用上述代码后，您可以从 HTML 中删除内联 onclick= 调用并保留原始函数 - this 将指向单击的表格单元格。更新了小提琴。 <td id="A1" onclick="move.call(this)" class="white"></td> 现在 this 将引用 td 函数中的 move 元素。尝试使用事件目标来获取您正在寻找的 dom 元素： function move(e) { alert(e.target); }

javascript html dom-events this

回答 4 投票 0

react：调度和监听自定义事件

我想将 Web 组件集成到我的 React 应用程序中。它们定义了一组自定义事件，封闭的 React 应用程序必须监听这些事件。根据反应文档：由网络发出的事件

javascript reactjs dom-events web-component

回答 3 投票 0

为什么 wpcf7submit 事件在联系表单 7 中不起作用？

我正在尝试从 WordPress 网站上的联系表单 7 表单捕获 wpcf7submit 事件，以便在表单成功提交时触发警报。然而，该事件似乎并没有触发

javascript wordpress dom-events contact-form-7

回答 1 投票 0

如何模拟鼠标点击？

我知道 document.form.button.click() 方法。但是，我想知道如何模拟 onclick 事件。我在 Stack Overflow 上的某个地方找到了这段代码，但我不知道如何使用它......