问题标签 [onmouseout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
403 浏览

image - 将图像映射合并到鼠标悬停和鼠标悬停问题

我正在尝试拍摄图像,当您将鼠标放在它上面时,会出现一个更大的图像,并附有图像映射。你可以在这里查看

看看它。如您所见,当您将图像悬停在盒式磁带图像上时,它会按应有的方式切换,但是一旦将鼠标放在图像映射中的选定区域上,图像就会消失。我确实希望图像仅在您将鼠标从图像上移开时才切换回盒式磁带,而不是在 href 区域上!我该如何纠正?甚至可能吗?

0 投票
1 回答
393 浏览

javascript - 使用 mouseover 事件鼠标坐标作为函数输入

showPeopleDetails当用户将鼠标悬停在 a-tag 上时,我有一个应该执行功能的 Java 服务器页面。showPeopleDetails是一个单独的js文件中的Javascript函数,由框架导入。showPeopleDetails应该在 a-tag 上显示一个气球弹出窗口。不知何故,该功能仅对第一个 a-tag 执行,而对其他 a-tag 不执行!这是 HTML 片段:

这是我的 JavascriptshowPeopleDetails函数:

我测试过的功能没有问题,showPeopleDetails它在网站的其他部分也能正常工作。但是当我添加event.clientX并且event.clientY弹出窗口只显示一次时。我只需要为 Internet Explorer 8 开发,因此浏览器兼容性不是问题。非常感谢您的帮助!

0 投票
1 回答
1137 浏览

image - 如何删除onmouseout上的画布图像?

我正在尝试使用画布 ID 'e' 上的鼠标悬停来更改画布 ID 'A' 中的图像我已经能够让鼠标悬停工作并将图像添加到画布'A',但不能删除它。

0 投票
2 回答
1310 浏览

javascript - 在锚标记内移动时,onMouseOut 会频繁触发

我有一个锚标记,它同时具有 onMouseOver 和 onMouseOut 事件。目的是显示工具提示。当我将鼠标悬停在锚标记上时,会适当地触发 onMouseOver 事件并显示工具提示,但也会触发 onMouseOut 事件并隐藏工具提示。当我将鼠标移到锚链接上时,这两个事件都非常频繁地触发,基本上使工具提示闪烁可见和不可见。我希望 onMouseOut 仅在我超出锚标记边界时触发。

我认为相关的代码:

HTML:

Javascript:

0 投票
1 回答
879 浏览

jquery - onMouseOver/onMouseOut 在子元素上触发

这是我的基本代码:

这会在 div 悬停时播放音频。有几个 div(每个都播放不同的音频)。

但是将鼠标悬停在每个 div 中的子元素(如文本)上会停止音频。

我知道这与冒泡/传播有关。我正在使用 jQuery,只是尝试添加 event.stopPropagtion(); 到功能,但它没有用。

其他解决方案需要使用 .hover() 等。但是我将如何获得要播放的文件的 id?

我希望这是有道理的。我发现很难解释我的意思。

任何帮助,将不胜感激。

现在我的工作代码是:

在 .hover 之前有变量很重要,尤其是当内容根据用户输入动态加载时。
我有它的另一种方式,当使用 innerHTML 时它不起作用。

0 投票
1 回答
1935 浏览

javascript - 使用 Javascript 更改多个内联样式 OnMouse Over、OnMouse Out、Enter Key Change

有人可以帮助我指出使用 javascript 更改多种内联样式的方向,例如:OnMouseOver、OnMouseOut,然后更改回车键?

我有 2 个 onclick 鼠标悬停/退出需要发生的事情,然后在 Enter 键按下状态后需要将图形更改为加载图形?

鼠标悬停状态之前:

鼠标悬停状态 - 从右到左更改:

单击开始搜索后 - 将图像更改为此并删除 [样式详细信息]:

到目前为止,这是我为 OnMouseOver/Out 部分所做的尝试。

0 投票
1 回答
307 浏览

javascript - 如何通过侦听器引用数组中的当前 dom 元素以更改活动

目前,我正在遍历我所有的图像,并让他们的 onmouseover/onmouseout 事件通过 for 循环改变他们的图像。

它不起作用,我这样做对吗?

0 投票
2 回答
424 浏览

javascript - 需要帮助使我的 Javascript 不显眼

所以我用 HTML + Javascript 创建了一个订单表格,我想要使用 Javascript 的目的是当有人将鼠标悬停在汤的“标签”上时,一个隐藏的 div 将可见(稍后我打算获取代码将显示有关其标签悬停在上面的汤的信息)。我已经设法让它工作,但我知道我实现的 Javascript 代码是突兀的,我想将相同的代码(或等效代码)放在我的外部 Javascript 文件中以使其不突兀。

这是我表单中的一段代码(使用“突兀”的 Javascript):

我敢肯定,对于有经验的 Javascript 编码人员来说,突兀的 Javascript 是显而易见的……

这是与“隐藏” div 相关的 CSS 代码片段:

我确实有一个外部 Javascript 文件,这就是我试图以一种不显眼的方式复制我想要的内容:

这段代码放在一个名为“setup”的函数中,在页面加载时执行,代码如下:

因此,如果有人可以帮助我,我将非常感激:)。如果提供代码片段使整个问题难以破译,我可以将所有代码上传到我的网站并在此处分享。

0 投票
2 回答
255 浏览

javascript - javascript onmouse out 不工作

基本上,我将 css 的翻转转换为 javascript。我还选择了加载页面后要选择的一张图片。但是我遇到了 onMouseOut 事件的问题。除了那张照片,一切都很完美。当我将鼠标悬停在其他图片上时,该图片仍处于选中状态。我尝试了多种方法,但不知道如何解决它..有什么想法吗?

0 投票
3 回答
737 浏览

javascript - javascript onmouseover 和 onmouseout 问题

好的,我有一个 javascript 翻转。我希望在开始时选择 clicked3 图片,当我将其翻转或翻转其他图片时,clicked3 将被取消选择。我的 html 中的图片 ID 是:clicked1,clicked2,clicked3,clicked4。我已经完成了这段代码,但它不起作用。似乎图片1翻转不起作用,图片3没有开始选择......有什么帮助吗?