dom-events 相关问题

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

删除按钮后表单元素不执行提交

单击按钮时,单击事件会冒泡以形成并执行正确的回调。但是,删除按钮后,不会触发表单提交事件。我无法确切地找到为什么会发生这种情况...

回答 1 投票 0

为什么我收到“Uncaught TypeError: event.composedPath is not a function”

下面是一些非常基本的 JQuery 代码,我收到一个无法解释的错误。 event.currentTarget 按预期记录,就像 event.target 一样。 但composedPath()方法调用失败。与

回答 1 投票 0

事件侦听器作为引用传递时未调用该函数

我在React中有一个非常简单的函数和非常简单的事件监听器。这是代码: const handleAutoplay = useCallback(() => { 控制台.log(“测试”); }, []); useEffect(() => ...

回答 1 投票 0

为什么当我点击图像时它没有触发事件监听器? (VanillaJS)

我尝试制作一个脚本,可以收集我在网站(https://www.rpsgame.org/)上玩剪刀石头布的一些数据: var h_choice = document.querySelectorAll(".play-page-gamer__choices&qu...

回答 1 投票 0

pointerdown 与 onclick:有什么区别?

onpointerdown 和 onclick 事件处理程序有什么区别? 有任何实际差异吗?事件在 DOM 树上传播的方式不一样吗?有没有一些设备...

回答 3 投票 0

如何保持下拉列表的焦点(进/出)

我正在尝试创建一个按钮下拉列表,仅当鼠标指针悬停在第一个未隐藏的按钮上时才显示,并且当指针离开时下拉列表消失...

回答 1 投票 0

即使指针离开元素边界,如何保持函数仍然工作

我正在尝试创建一个按钮下拉列表,仅当鼠标指针悬停在第一个未隐藏的按钮上时才显示,并且当指针离开时下拉列表消失...

回答 1 投票 0

通过控制台js调用单击发送按钮但单击不起作用时,控制台返回未定义

您好,我正在构建 chrome 扩展并尝试单击发送按钮。 在为其编写代码之前,我正在测试简单的 js 代码,看看是否可以模拟点击发送按钮。 这里有一些...

回答 1 投票 0

通过 javascript 调用单击发送按钮时控制台返回未定义

您好,我正在构建 chrome 扩展并尝试单击发送按钮。 在为其编写代码之前,我正在测试简单的 js 代码,看看是否可以模拟点击发送按钮。 这里有一些...

回答 1 投票 0

如何设置拖动元素的样式

我可以使用一些事件来处理拖放: https://developer.mozilla.org/en/DragDrop/Drag_and_Drop 有一个拖动事件,该事件在元素被移动期间触发

回答 6 投票 0

检测 HTML 输入元素中的大写锁定

我想检测输入中的 CapsLock。我使用了在这里找到的 getModifierState: 函数句柄(ev,el){ let isCapsLockOn = ev.getModifierState('CapsLock'); document.getElementById('mes...

回答 1 投票 0

为什么 mouseup 事件不能阻止 click 事件

函数 h(e) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); 警报(e.type); 返回假; } document.querySelector('.wrapper').addEventListener('mouseup', h, fa...

回答 3 投票 0

如何防止“tel:”链接触发“beforeunload”事件?

在用户刷新页面之前,我会出现一个弹出窗口: window.addEventListener('卸载前', function (e) { e.preventDefault(); e.returnValue = ''; }); 这是作为前...

回答 2 投票 0

EventListener 未添加到按钮元素

我有一个产品列表,每个产品都有一个 id 和 item 属性。我必须为每个项目添加一个删除按钮。每次单击删除按钮时,该产品都应被删除。 我正在尝试...

回答 1 投票 0

Popover API:事件冒泡在 beforetoggle 事件上不起作用?

背景 参考关于 Popover API 的 MDN 文档:https://developer.mozilla.org/en-US/docs/Web/API/Popover_API(不要与 Bootstrap 的 popover 混淆)。 我有多个弹出窗口,

回答 1 投票 0

“contextmenu”事件中断“onmousemove”执行功能

我正在使用 Pinia 商店系统开发 Vue 应用程序。 我有一个 BoxView.vue 组件,其中包含可拖动元素的网格,并在 BoxItem.vue 中实现了翻转功能。 在 BoxView.vu 中...

回答 1 投票 0

HTML 链接元素(“a”)拒绝将自身附加到事件侦听器

我正在使用 MutationObserver 观察者来检查添加到我的程序中的元素。检查的一个条件是添加的元素是否是锚元素 (tag="a"),然后

回答 1 投票 0

on:animationend无法访问bind:this svelte(未定义)

我想使用 querySelector() 但我发现 Svelte 有另一种方法可以做到这一点。 通过使用绑定:this 问题是有时它会起作用,但大多数时候它永远不会起作用 通过输出

回答 3 投票 0

Javascript 中的“event”已被弃用,我无法使用“preventDefault()”

我正在尝试使用 event.preventDefault() 方法,但我不断收到错误。它说该事件已被弃用。 我正在制作 Firebase 注册表单,我想阻止该表单...

回答 2 投票 0

如何使用拖放和 2 个层次相等的 div 来追加 child() ?使用打字稿

**右侧元素 div -> ** ... **右元素 div -> ** <div class="example-box2" id="2" cdkDrag cdkDropList> <div class="example-handle" cdkDragHandle cdkDragBoundary> <svg width="24px" fill="currentColor" viewBox="0 0 24 24"> <path d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> </div> 左侧项目 div -> <div class="example-box" id="1" cdkDrag> <a href="#" class="nav-link py-3 px-2" title="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="Home"> <i class="bi-house fs-1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16"> <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z"/> <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z"/> </svg></i> </a> </div> 我需要将左侧的一项拖放到右侧的元素中。当我放下时,该项目现在必须是右侧元素的子元素。我在编写代码来实现这一点时遇到了麻烦。你可以帮帮我吗?我是 Angular (v17.3.0) 新手 我尝试过 HTMLDivElement 解决方案,但实际上没有起作用。肯定有drop事件但是无法准确写出代码 https://stackblitz.com/edit/drag-and-drop-demo?file=src%2Fapp%2Fapp.component.ts 检查此链接,您会找到您的答案

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.