cost 232 ms
如何阻止孩子触发父鼠标输入事件 - How to stop children from triggering parent mouseenter event

我的按钮内部有一个图像,并且 mouseenter 事件由按钮和图像触发。 我希望事件只通过“悬停”按钮而不是图像来触发一次。 HTML,代码中唯一相关的部分是按钮及其 ID。 JavaScript 当我像这样添加 mouseenter 事件时,SelectSfx(); 当我 hover 按钮内 ...

如何通过将鼠标悬停在不同容器中的元素/链接上来更改一个容器的内容 - How to change the contents of one container by hovering over elements/links in a DIFFERENT container

我目前正在开发一个电子目录。 根据 Stackoverflow 贡献者的建议,我现在有了一个带有下拉菜单的导航栏,可以生成一个包含两个容器的菜单。 接下来,我试图以这样一种方式设置它,当一个容器(左侧容器)中的特定元素悬停时,下拉列表的另一个容器(右侧)的内容会更改并允许用户,与正确容器的更改内容进 ...

几秒钟后隐藏一个 DIV - Hidding a DIV after a few seconds

我有一个基于 boolean 变量变得可见/不可见的 div。 而且我正在尝试添加超时,以便我的“动作”div 可以在几秒钟后消失。 这就是我的代码现在的样子。 我的html: 还有我的组件方法 它在没有 window 超时的情况下工作。 当我与屏幕上的其他组件交互时,显然 div 消失了。 不确 ...

在反应网格顺风中更改 hover 上的内部 div - Change inner div on hover in react grid tailwind

因此,对于 CSS,我使用的是 tailwindcss。 我已经实现了基于 integer 的方法,但是当我在 div 上快速使用 hover 时,state 仍未更新。 如果值为 0,则显示第一个 div,否则显示第二个 div。 下面是代码: function 用于切换 state 实现这种 ...

EXTJS - Modx: on('mouseenter') | 事件火灾 | 没有泡沫 - EXTJS - Modx: on('mouseenter') | event fire | no bubble

我有一个附加了 on('mouseenter') 事件处理程序的元素。 问题是如果响应时间转换到事件真正附加到的元素的子节点元素,则事件不会在所选元素上触发。 查询:element.tagName 有时会给出正确的值,有时会给出错误的值,从而导致事件触发问题。 解决方案:解决方案是添加一个具有有效标 ...

不要在父级上触发 mouseenter 事件 - Don't fire mouseenter event on parent

对于包含文本的标签( td 、 p 、 li ),我添加了一个data-id属性。 将鼠标悬停在具有data-id属性的标签上时,需要显示该按钮。 一切正常,除了标签嵌套时,例如: 此示例显示两个按钮,一个用于父级,一个用于子级。 我添加了e.stopImmediatePropagation() ...

mouseEnter 和 mouseLeave 适用于 HTML 个元素,但不适用于 React 组件? - mouseEnter and mouseLeave work on HTML elements, but not React components?

第一次制作 React 站点(使用 Gatsby)。 我想要发生什么在我的索引页面上,我试图在鼠标悬停在Term组件上时显示一个Note组件。 发生了什么事当我将onMouseEnter和onMouseLeave直接添加到Term组件时, Note永远不会出现。 但是,如果我使用本机 html 元 ...

jQuery mouseenter/leave 事件触发器的行为并不总是相同 - jQuery mouseenter/leave event triggers do not always behave the same

使用 gsap、剪辑路径和覆盖,我的目标是 hover 在单词“.image-title”上,并且会出现一个图像,效果是仅由图像框起来的文本将变为具有白色轮廓。 (显示比解释更容易..) 此处的代码笔: https://codepen.io/tallulahh/pen/bGgOpXd let c ...

未在 chrome 中的禁用元素上引发 Mouseenter 事件 - Mouseenter event not thrown on disabled elements in chrome

我创建了一个 Angular 指令,如果满足某个条件,它会自动禁用按钮。 此外,如果用户将鼠标悬停在禁用按钮上,则应显示一个小工具提示。 为了实现这一点,我使用了@HostListener指令: 这在 Firefox 上运行良好,但在 Chrome 上,当按钮被禁用时不会引发mouseenter事件 ...

鼠标进入和鼠标离开事件不适用于鼠标移动事件 - Mouse enter and mouse leave events doesn't work with mouse move event

我正在尝试创建自定义 cursor 并在某些元素上检测 hover 但是当我取消注释鼠标移动事件中的 2 行时,鼠标进入和鼠标离开事件无法正常工作。 但是,当我出于未知原因删除 cursor 的转换属性时,它会起作用。 我试图在我的鼠标移动事件中减去我的 cursor 大小的一半,而不是具有变换属性 ...

A-FRAME 1.0.4 如何正确定义 animation mouseenter 和 mouseleave - A-FRAME 1.0.4 How can I define animation mouseenter and mouseleave properly

我有一个包含用作按钮的图像的实体我想在鼠标 hover 时将该按钮从“1 1 1”缩放到“2 2 1”。我使用 JS 生成该按钮。 其他属性已设置且有效,但 animation 无效。 你能告诉我哪里出了问题吗? ...

鼠标进入物品卡 - Mouseenter item card

请提供代码帮助,我需要 hover 将鼠标悬停在带有购物车的按钮上,它添加了一个 class 和 svg ZA2F2ED4F8EBC2ABC6BBB4C2 和 AFA29F8EBC2ABC6BBB4C2 按钮。 还添加了一个 class,反之亦然 - 将鼠标悬停在您的收藏夹上,带有购物车的按钮被隐藏 ...

reactJS 框架 mouseOver 和 mouseEnter 无法识别,但 onClick 工作正常 - reactJS framework mouseOver and mouseEnter are not recognised, though onClick works fine

我的代码: 在 Chrome 开发人员工具中,当 cursor 移动到链接容器磁贴之一上时,没有响应。 什么都没有发生。 但是,当我单击其中一个图块时,它会同时识别单击的图块的单击和 mouseEnter,但仅在单击之后。 我也尝试了 mouseOver - 结果相同。 我在某处读到,需要更改 st ...

Angular 2+ 中带有 arguments 的单元测试指令 - Unit testing Directive with arguments in Angular 2+

我有一个指令,可以在鼠标悬停期间更改元素的背景颜色,如下所示。 我试图为此指令编写一个单元测试用例,如下所示 该指令在其他组件中运行良好。 它接受 ts 文件中定义的颜色参数变量,并在悬停元素时将其用作 bg 颜色。 但是,当我尝试对其进行单元测试时,指令未检测到从 TestComponent 传递 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM