标签[dom-events] - 堆栈内存溢出

通过'onMouseEnter'和'onMouseLeave'function制作hover function时，如何首先申请'onMouseLeave'function？ - When making hover function by 'onMouseEnter' and 'onMouseLeave' function, how can I apply 'onMouseLeave' function at first?

你可能不明白标题，但我会解释问题是什么。我正在尝试制作一些按钮。按钮悬停时会发生变化。当其他按钮悬停时，最初选择的按钮不会改变，但当其他按钮被选择时会改变。如果您查看下面的代码或 codesandbox 链接，我认为您可以立即理解我的意思。问题：如您所见，我使用'onMouseOver ...

任何类型的按钮激活的哪个事件？ - Which event for any kind of button activation?

我应该使用哪个事件来激活任何类型的按钮：键盘返回鼠标点击手指触摸我需要定义三个事件处理程序还是只定义一个？这个问题的目标是普通的 JavaScript，没有任何图书馆使用。当 W3C 发明了一个新的事件，可以识别放屁的声音来激活按钮时，会发生什么？我是否必须添加第四个事件处理程序？ ...

从事件调用时，clearTimeout() 不起作用 - clearTimeout() doesn't work when called from an event

这是我的另一个更大项目的总结示例。在这个例子中，当我点击它时，我为我的节点设置了一个新样式，一旦设置了新样式，我就会触发 setTimeout() 以允许样式持续几秒钟，直到它消失。另一方面，我有一个 keydown 事件，当我按下任意键时，它应该取消超时。因此，如果使用 clearTimeo ...

给多个按钮一个 EventListener - Giving Multiple Buttons an EventListener

我正在制作一个包含轮播和按钮的网站。当您单击按钮时，它会向左或向右移动轮播以查看更多或以前的内容。我首先创建了两个函数，一个用于后退按钮，一个用于前进按钮。它有效，但我意识到我需要为所有按钮制作它，因为我有多个旋转木马。var nextButton = document.querySelec ...

使用纯 JS（不是 jQuery）将事件监听器添加到多个输入元素 - Adding event listeners to multiple input elements using plain JS (not jQuery)

我有一个在 jQuery 中完美运行的代码块，但它是我正在转换为普通香草 Javascript 的项目的最后一部分，其特定目的是删除对 jQuery 的任何和所有依赖项。这是有问题的现有代码块：如何仅使用普通的纯 JS 实现相同的功能？注意： inputComma 是一个自定义处理程序，它在用 ...

JavaScript function scope - 为什么允许我将事件处理程序附加到未命名的元素？ - JavaScript function scope - why am I allowed to attach event handlers to unnamed elements?

我操作 DOM（在 JavaScript 中）的常用方法是创建或 select 一个元素，然后将事件处理程序附加到该元素。这对我来说很有意义：该元素具有一种标识形式，并且该标识用于确定哪个脚本/事件处理程序/函数附加到它。然而，这还不是全部，因为我编写了以下代码，看到它有效时我有点惊讶： m ...

按下 Ctrl、Shift 等时如何阻止正则表达式选择字符匹配项？ - How to stop regex from picking up character matches when Ctrl, Shift, etc. are pressed?

我的任务是制作一个代码，当按下一个键并计算输入的字符数时。我决定使用var regex=/[a-zA-Z0-9]/; ，但令我惊讶的是，当我按下Enter 、 Shift 、 Ctrl或Alt时，它会注册所有这些。这是重要的代码片段：window.onload = init; functi ...

Javascript：“更改”处理程序的条件可以停止其他事件传播吗？ - Javascript: condition on 'change' handler can stop other event propagation?

我在文本字段上有一个“onChange”事件，用于检查某些条件。 $(document).ready(function() { $('#txt').on('change', (ev) => { if ($(ev.target).val() == "stop") { console.warn ...

DOM 操作点击鼠标事件 - DOM Manipulation Click Mouse Event

我试图通过单击鼠标来更改 web 页面的背景颜色，下面是相同的行： let bodyvar = document.querySelector('body'); bodyvar.addEventListener("click",generate); function generate(){ body ...

苗条的 mouseout 事件在元素内部触发 - svelte mouseout event triggering inside element

我在意外触发mousein和mouseout事件时遇到问题。我正在尝试使用 GitHub svg 图标并聆听鼠标何时进入和离开图标。不过，我无法在Svelte 的 REPL中复制它。在 REPL 中， mouseout事件将触发一次，但是将我的鼠标移过该元素会在一次传递中导致 4-5 次mou ...

React JS onKeyUp 事件不发送数据到 function - React JS onKeyUp event does not sending data to function

我正在尝试像 linkedin 一样创建ajax user search ，所以当我从键盘输入一个字符时，我应该在不按回车键的情况下得到结果。在我的输入字段中，我有onKeyUp={sendData(this)}来发送 sendData function 中的数据，然后获取结果。我的问题是在c ...

在简单的 Memory 游戏中存储首次单击的元素 - Store First Clicked Element in s Simple Memory Game

我正在制作一个简单的颜色 memory 游戏，最初有 6 个黑盒子，点击它们会改变颜色，从预定义的数组中取出 colors，该数组在游戏开始时被洗牌。但是我在比较部分卡了好几个小时 - handleCardClick function。当两个盒子的colors相同colors时它有效，但是当col ...

在 onClick 事件上标记 not working on pure javascript - tag a not working on pure javascript on onClick event

我遇到了以下问题。我做了一个登陆页面，通过纯 javascript 链接到页面部分，一切似乎都有效，超级。但是，我想添加一个常规的 <а></а> 链接，结果发现它不起作用，我知道原因在于 event.preventDefault(); 但是如果删除它，那么主脚本就会中 ...

计算器：如何让它接受小数和百分比？ - Calculator: How to make it accept decimal numbers and percentage?

下面我将把我的 html 和 js 代码放在一起，以便更好地理解我的疑问。现在，我正试图让它与 3.5 + 3 这样的小数一起工作，并给出正确的结果：6.5。目前它向下舍入并给出 6。我已经准备好接受逗号的代码，下面是代码部分，但我仍然不明白如何修复它：另一件事是百分比也不起作用...... ...

EventListeners，定义在JavaScript中的另一个EventListeners - EventListeners, which are defined in another EventListeners in JavaScript

我想在单击button后定义一个EventListener 。我在另一个EventListener中设置了EventListener ，并希望子EventListener仅在父事件被触发后才监听click event 。代码片段： const btn = document.querySele ...

从多个输入中获取多个值 onchange Javascript - Get multiple value onchange from multiple input Javascript

我试图根据付款类型从收费字段中获取每个值。当 price 和 pay 都有值时，charge input 字段将填写 pay - price ，而 total amount 字段将在选择 type payment 选项时填写。在第二种情况下，当我有多个表格和相同类型的付款（例如现金）时，它 ...

作为元素属性的函数和 Angular ExpressionChangedAfterItHasBeenCheckedError - Functions as Element Attributes and the Angular ExpressionChangedAfterItHasBeenCheckedError

我正在树表上创建一个摘要行，该表也具有过滤功能（我使用的是 ng Prime 组件库，但我认为这与错误或问题无关）。我希望我的汇总行只汇总当前查看的信息，因此当展开树或应用过滤器时，汇总应该改变。我通过我设置为元素属性 [attr.summaryFunction]="summaryFuncti ...

在 React 中覆盖 onClick - Overriding onClick in React

这是一个有点奇怪的问题。我在 React 中处理事件类型，我们希望在某些情况下使用 onClick，在其他情况下使用 onPointerDownCapture（出于某些原因）。但为了更一般化，它可以是任何两个不同的类点击事件。问题是虽然我们可以在表达式的右侧分配任何 function 处理程 ...

JavaScript：在单击事件时中断 promise 中的 setTimeout() - JavaScript: Interrupt a setTimeout() inside a promise, upon a click event

这是我面临的问题的非常简化的再现： HTML这一位已经被使用了<body><button id="click">Click</button></body> 我基本上想要的是：如果我点击按钮， mains()将立即运行如果我不这样做， setTim ...

为什么事件监听器“点击”显示的是“body”元素而不是我点击的元素？ - Why Event Listener "click" shows the "body" element instead of the element that I clicked on?

我去了 chessboard.js https://chessboardjs.com/examples#5000 ，打开开发工具并粘贴以下代码当我点击一个空的国际象棋方格或一个有黑色棋子的方格时，控制台打印出正确的结果（例如，“div#e5-b9f9-a5bc-69e1-3e5a-4b82-b2 ...