event-handling 相关问题

事件处理是关于处理源与一个或多个订户之间的消息的编码样式。源中的点侦听器提供了一种方式，订阅代码可以使用从源引发的消息。

HTMX：将函数传递给 `hx-on` 以读取事件

我一定错过了这里绝对明显的：使用 htmx 我试图发送一个 get 请求并在发送之前在 javascript 中配置它。 HTMX 提供了 hx-get、hx-on 和

javascript html event-handling htmx

回答 1 投票 0

为什么 eventListeners 不起作用，而 eventHandler 却起作用？

当我使用 eventListeners 而不是 eventHandlers 时，我遇到了一个问题，我在控制台工作中得到了多个结果，当我使用 eventHandeler 时，我不会，我只需单击一次，我就会得到一次工作...

javascript event-handling

回答 1 投票 0

父级和子级 div 上的事件处理程序

这是我的 HTML 文件 document.querySelector('.a').onclick = ()=>{ 做...</desc> <question vote="1"> <p>这是我的 HTML 文件</p> <pre><code><div class="a"> <div class="b"> </div> </div> <script> document.querySelector('.a').onclick = ()=>{ document.querySelector('.a').style.backgroundColor ='black' } document.querySelector('.b').onclick = ()=>{ document.querySelector('.b').style.backgroundColor ='violet' } </script> </code></pre> <p>当我单击类为“b”的 div 时，类为“a”的 div 上的事件处理程序也会被调用。我只想调用带有“b”类事件处理程序的 div。有人可以帮忙吗？</p> </question> <answer tick="true" vote="3"> <p>这就是<a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture" rel="nofollow noreferrer">事件冒泡</a>，这意味着每个事件不仅会在目标元素上触发，还会在其祖先元素上触发。</p> <p>要防止这种行为，您可以使用 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation" rel="nofollow noreferrer">Event.stopPropagation</a> 来阻止事件传播到目标元素的祖先元素。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>document.querySelector('.a').onclick = () => { document.querySelector('.a').style.backgroundColor = 'black' } document.querySelector('.b').onclick = (event) => { event.stopPropagation(); document.querySelector('.b').style.backgroundColor = 'violet' }</code></pre> <pre><code>div { width: 100px; height: 100px; } .a { padding: 40px; background: red; } .b { background: blue; }</code></pre> <pre><code><div class="a"> a <div class="b">b</div> </div></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="1"> <p>JS中有一个概念叫<a href="https://javascript.info/bubbling-and-capturing#bubbling" rel="nofollow noreferrer">事件冒泡</a>。默认情况下，特定元素上发生的任何事件都将传播到父级及其父级，依此类推，直到事件到达文档。</p> <p>为了阻止这种行为，<a href="https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation" rel="nofollow noreferrer"><pre><code>Event.stopPropagation</code></pre></a>将前来救援并停止向家长传播该事件。</p> <p>因此，在这种情况下，在具有类 <pre><code>e.stopPropagation</code></pre> 的 div 的 <pre><code>onclick</code></pre> 处理程序中调用 <pre><code>b</code></pre>，即内部 div 将停止将事件传播到父 div。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>document.querySelector('.a').onclick = (e) => { document.querySelector('.a').style.backgroundColor = 'black' } document.querySelector('.b').onclick = (e) => { e.stopPropagation(); document.querySelector('.b').style.backgroundColor = 'violet' }</code></pre> <pre><code>.b { width: 50%; }</code></pre> <pre><code><div class="a"> <div class="b"> Dummy </div> </div></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>试试这个：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code> document.querySelector('.a').onclick = ()=>{ document.querySelector('.a').style.backgroundColor ='black' } document.querySelector('.b').onclick = (e) => { e.stopImmediatePropagation(); document.querySelector('.b').style.backgroundColor ='violet' }</code></pre> <pre><code><div class="a">a <br/> <div class="b"> Click here! </div> </div></code></pre> </div> </div> <p></p> </answer> </body></html>

javascript event-handling dom-events event-bubbling

回答 0 投票 0

如果控件的“visible”属性设置为“False”，它的任何事件都会触发吗？

我有一个 GridView，它设置了 RowDataBound 事件。如果我在另一个控件的事件（例如按钮的 OnClick 事件）引起的回发期间将 GridView 的“Visible”属性更改为“False”...

asp.net events event-handling lifecycle web-controls

回答 2 投票 0

Cypress：如何使用点击处理程序处理等待元素

我正在测试的代码有很多标签元素，这些元素使用 href 标签呈现，但在页面加载后不久就会给出一些执行不同操作的单击事件（例如打开模式）....

event-handling cypress e2e-testing

回答 1 投票 0

即使使用正确的值调用渲染函数，Lit 属性表达式也不会更新

我遇到了一些奇怪的问题，其中带有属性表达式（.checked）的 Lit Web 组件没有更新。这是 Lit Playground 的简单复制：导入 {html、css、LitElement...