event-listener 相关问题

如何在 React 中删除 eventListener？

我无法删除 eventListener，即使使用 React.useCallback 也是如此。那么，我现在该怎么办？ 这是我的代码，在我的组件类的开头： const noCursorEventListener = React.useCallback((e) => ...

前端项目-将数据连接到另一个页面 API 调用

我是一名学生，需要我的项目。我正在建立一个房地产网站，我已经提取并过滤了房地产数据，因此当用户登陆索引页面时，他们可以选择

如何为 JavaScript 中的“数字”类型输入添加事件监听器？

我希望能够为我在 HTML 中的“数字”输入添加一个事件监听器，这样当按下向上箭头时，变量可以增加 1，当按下向下箭头时，s ...

JavaScript - 将外部 html id 传递给事件侦听器

我目前正在通过设置一个简单的计算器来学习事件侦听器——接受 2 个输入，单击按钮将打印出计算出的操作。代码如下 HTML ... 我目前正在通过设置一个简单的计算器来学习事件侦听器——接受 2 个输入，单击按钮将打印出计算出的操作。代码如下 HTML <div> <input id="num1" type="text" value="1" style="width: 70px"> <input id="num2" type="text" value="2" style="width: 70px"> </div> <div> <button class="calcButton" id="plusBtn" >Plus</button> <br> <button class="calcButton" id="mulBtn">Multiply</button> </div> JS function getPlus(num1, num2) { console.log(num1 + num2); } function getMul(num1, num2) { console.log(num1 * num2); } function calc(num1, num2, func) { var n1 = parseInt(document.querySelector(num1).value), n2 = parseInt(document.querySelector(num2).value); func(num1, num2); } function actionCall(num1, num2, func) { if (func === 'getPlus') calc(num1, num2, getPlus); else calc(num1, num2, getMul); } //add event listener to buttons document.querySelectorAll('.calcButton').forEach( ele => { ele.addEventListener('click', () => { actionCall(this.id); }); }); 虽然我确实知道如何根据按钮 ID（加号、乘号等）区分事件侦听器内的计算操作。我找不到如何在其中传递两个 ID“num1”和“num2”。 提前谢谢你！ document.querySelector() 采用 css 选择器字符串。您可以将"#num1"和"#num2"（就像您在css中选择它们一样）传递给您的函数。 function getPlus(num1, num2) { console.log(num1 + num2); } function getMul(num1, num2) { console.log(num1 * num2); } function calc(num1, num2, func) { var n1 = parseInt(document.querySelector(num1).value), n2 = parseInt(document.querySelector(num2).value); func(n1, n2); // 👈 edited here. get the value from inputs and pass them to func. } function actionCall(num1, num2, func) { if (func === 'getPlus') calc(num1, num2, getPlus); else calc(num1, num2, getMul); } //add event listener to buttons document.querySelectorAll('.calcButton').forEach( ele => { ele.addEventListener('click', function() { // 👈 edited here. using normal function instead of arrow function so that we can use "this" keyword. actionCall("#num1", "#num2", this.id); // 👈 edited here. passing the inputs' id and the button's id. }); }); <div> <input id="num1" type="text" value="1" style="width: 70px"> <input id="num2" type="text" value="2" style="width: 70px"> </div> <div> <button class="calcButton" id="getPlus" >Plus</button> <br> <!-- 👈 edited here. changed id to match the function name. --> <button class="calcButton" id="getMul">Multiply</button> <!-- 👈 edited here. changed id to match the function name. --> </div>

监听要显示的 div，然后运行脚本

我正在尝试帮助使用 BigCommerce 的广告客户实施他们的 Reddit Pixel。页面访问和基本像素很容易，但我正在尝试设置 reddit 线索跟踪器以在

Chrome 扩展离线

我正在用 Shadow DOM 中的用户界面构建一个 chrome 扩展（使用 Vanilla Javascript）。 我禁用了“正常”弹出窗口并在用户关闭时注入用户界面...

通过 this.$ref

假设我们有一个子组件发出迭代的自定义事件。有没有办法通过this.$ref监听父组件中的事件？像这样。$refs.on('iterated', event)。我知道我可以

为什么我用 JS 编辑 HTML 时这个事件监听器不起作用？

这里有一些示例代码来说明我想做什么 没有 让 elt = document.getElementById("thing") ...</desc> <question vote="0"> <p>这里有一些示例代码来说明我想做什么</p> <pre><code> &lt;div id=&#34;thing&#34;&gt;No&lt;/div&gt; &lt;script&gt; let elt = document.getElementById(&#34;thing&#34;) elt.addEventListener(&#34;click&#34;, () =&gt; elt.innerHTML = &#34;Yes&#34;); elt.addEventListener(&#34;change&#34;, () =&gt; alert(&#34;Running&#34;)); &lt;/script&gt; </code></pre> <p>我想让第二个事件监听器在编辑元素的html时运行回调函数</p> </question> <answer tick="true" vote="0"> <p>change 事件通常用于表单元素，如 input、select 和 textarea 元素，以检测用户何时更改输入的值。</p> <p>要检测元素的 HTML 内容的变化，您可以使用 MutationObserver API，它允许您观察 DOM 的变化。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>let elt = document.getElementById(&#34;thing&#34;); elt.addEventListener(&#34;click&#34;, () =&gt; { elt.innerHTML = &#34;Yes&#34;; }); // prepare the observer tracking changes to the HTML content of the DOM element let observer = new MutationObserver((mutations) =&gt; { mutations.forEach((mutation) =&gt; { if (mutation.type === &#34;childList&#34;) { alert(&#34;HTML content changed&#34;); } }); }); // assign the DOM element to the observer observer.observe(elt, { childList: true });</code></pre> <pre><code>&lt;div id=&#34;thing&#34;&gt;No&lt;/div&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

我正在尝试创建一个隔离面板的功能。我正在尝试调试，但控制台没有记录任何错误

我已经使用“toggle()”方法以及“add()”和“remove()”多次修改此函数，但无济于事。起初，我能够使用“console.log ...

Java Servlet 问题打印 html

我正在尝试创建一个 servlet，它从我的数据库中检索信息，然后将其显示在板上。此外，我希望同一个板将点击信息发送到另一个 servlet，以便...

如何定期将 keycloak 用户（将用户从 AD 同步到 keycloak 后）同步到我们的自定义数据库中？

问题陈述： 我们有一个包含许多用户的 AD，并在 keycloak 控制台中配置了用户联合会（LADP）以将用户从 AD 同步到 keycloak。如何将这些用户从 keycloak 同步到我们的

testNG Listens 类文件版本错误 55.0，应该是 52.0

当我运行我的代码时出现以下错误。任何人都可以在这里帮助我。 testNG 版本：7.6.1 java: 无法访问 org.testng.ITestContext 错误的类文件：/C:/Users/PANKAJ/.m2/repository/org/

文档的听众太多？

设置 我已经有了一个可重用的自定义下拉菜单，大致的框架是这样的： var List = (function() { / 自定义列表原型的东西...... function ListObj(el, options) {......

如何从事件对象中检测 "useCapture "的值？

如何从事件对象中检测useCapture的值？我做了一个函数，可以在事件监听器被触发一次或任意次数后删除。这是我所拥有的。*jslint browser: true, ...

移除Javascript中的事件监听器

我有以下情况。一个id为#section的部分，我在双击时添加了一个表单，其中包含标签，输入一个保存按钮和一个关闭表单按钮。在点击关闭表单按钮时，我 ...

为什么我不能给按钮分配事件监听器？

下面是在我的html中为所有按钮元素添加事件监听器的代码，结果--没有注册的事件监听器，也没有错误。结果 - 没有注册的事件监听器，也没有错误. window.onload = function(){ addEvListeners(); / ...

jQuery动画在输入事件监听器中无法工作。

我有一个简单的html页面，里面有一个文本框。当它被点击时，我希望页面向下滚动。所以我在文本框上设置了一个事件监听器，并在其中使用了滚动的动画。但是当我运行...

removeEventListener没有删除函数

这个工作，timeListener每次都会被移除： var timeListener; var setPause = function (time) { var video = $("video").get(0); timeListener = function (){ if (video.currentTime > ...

自定义Javascript库。在动态添加的html中添加事件监听。

我正试图建立一个类似jQuery的Javascript库，只是想多学习Javascript。到目前为止，我已经开发了这样的功能： window.jsLib = function (selector) { var about = { Version: 0.1 }; ...

在动态网页中注入Html代码。

我需要在浏览器启动的网页中注入一些Html代码，有什么办法吗？有什么方法可以做到这一点吗？比如说 我需要在网页底部动态添加一个按钮，在加载事件的... ...