问题标签 [onmouseover]

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 回答
892 浏览

javascript - 当页面加载未触发 onmouseover 事件时,鼠标位于图像上

我很好奇onmouseover当页面加载时鼠标悬停在相关图像上时是否可以触发事件?我不想移动鼠标任何东西(因此使用mousemove不会解决任何问题)。

我检查了这些早期的帖子:

当页面加载时鼠标悬停在元素上时jQuery触发鼠标悬停功能

使用 Javascript 加载页面时检测鼠标是否在元素上

第一个建议mousemove需要移动鼠标。另一个答案建议使用 JQuery 并且.load().hover()基本上利用了 Javascript 中的mouseoverandmouseout事件,因此没有给这个问题带来任何新的东西(在 JQuery 中什么都不能用简单的 Javascript 来完成,对吧?)

第二篇文章建议,除了mousemove,通过CSSdisplay属性使图像在加载后消失然后重新出现在同一位置的功能,因此根据海报,使mouseover事件触发。但是,当我这样做时,它不会触发,无论是在当前版本的 Firefox(3.6)还是测试人员使用的 3.0 版本(我不知道他是否真的让它工作但我相信我正确地理解了他)。第二个线程的最后一张海报表明它无法完成,因为页面需要知道光标的位置,如果你不移动鼠标,它就无法做到这一点,也许这就是真正的答案?


在 Explorer 8 中,这个问题以某种方式得到修复,因为例如,当页面重新加载并且鼠标停留在同一图像上而不移动时,NEXT 按钮会继续显示其onmouseover图像,而不是切换回其“关闭”按钮。但是,其他浏览器都没有此功能。

我意识到这个问题可以很容易地通过使用 Javascript 而不是重新加载整个页面来解决,从而使onmouseover按钮上的图像保持在未更新的页面的一部分上,但我很好奇我是否有可能没有这个。

此外,在图像周围的锚标记中混合focus并设置onfocus属性也可以解决问题,但不能完全解决问题,因为现在的风险是鼠标光标在新页面加载期间重新定位,然后通过锚保持焦点在按下的按钮上标记以使其使用其“打开”按钮将是一个坏主意。


那么,有没有什么方法可以检测页面加载时鼠标是否位于图像上而鼠标甚至没有移动一个像素,或者这是不可能的?

0 投票
2 回答
10561 浏览

javascript - 在鼠标悬停时为 jquery 事件添加延迟

我正在尝试为孩子的鼠标悬停事件添加一个简单的延迟并且遇到困难。(仍然在学习!)

这使我能够在延迟后显示弹出窗口,但同时显示所有这些:

这可以立即显示我想要的弹出窗口:

但组合不会:

任何帮助,将不胜感激。谢谢!

0 投票
2 回答
1056 浏览

javascript - 在脚本中设置鼠标悬停

我一直在为星级评分系统编写的脚本,使用 onClick 事件保存填充的星星,并将 onmouseover 和 onmouseout 值更改为 null,因此之后将鼠标移开它们不会搞砸,并且表单有多个评分和底部的清除按钮,我需要通过下面的函数重置 onmouseover 和 onmouseout 事件,但在其中,ratings[y]x被视为文字而不是它们包含的内容,并使onmouse 事件失败,因为参数不正确。以这种方式更改事件时如何输入变量?

0 投票
2 回答
1727 浏览

javascript - Safari 鼠标悬停问题

我正在尝试在我的导航菜单的 xhtml 页面中获得 onmouseover 和 onmouseout 效果。

此代码仅适用于 Firefox,但没有其他功能。有人可以告诉我如何让它在所有浏览器上工作吗?

这是我的代码:

我已经在 chrome 和 IE 7 & 8 中尝试过这个,但错误仍然存​​在。Safari 给我错误:TypeError:表达式'document[img_name]'[undefined] 的结果不是对象。”

0 投票
6 回答
4850 浏览

javascript - 如何在鼠标悬停时突出显示 div 中的链接

我有 div,内容中有一些链接。我想突出显示 div onmouseover 中的所有链接。是否有适用于 FF、IE 和 chrome 的 jquery 解决方案。

谢谢。

0 投票
4 回答
8264 浏览

frameworks - HTML5画布高级框架

我需要 HTML5 画布框架来做:

  • 绘制对象(例如矩形)
  • 在对象的 onmouseover 事件上更改颜色/边框样式
  • 点击做一些js动作

谢谢

编辑:我终于决定使用raphaeljs(替代方案是dojo)。这个框架很棒。(它不需要 HTML5 画布并使用 SVG)

0 投票
1 回答
814 浏览

javascript - 在 CSS 和 onmouseover、onmouseout 中的类上“循环”的 Rails 问题

我的 index.html 中有这段代码:

作为表格的一部分,以及相关的 css:

关键是要制作一个带有可点击行的表格,带有不同颜色的奇数行和偶数行,当鼠标悬停时,它们会获得第三种颜色。问题出在代码的循环部分,如果我在class="<%= cycle('odd', 'even') %>"中只放一个循环,一切正常,我有奇数行和偶数行不同的颜色,但是当我过去然后用鼠标退出时,类值仍然是由onmouseover="this.className='over';"设置的值 . 所以我决定使用onmouseout="this.className='<%= cycle('odd', 'even')%>';" 像这样:

这就是问题所在!每个循环都停止工作,并且我始终将类设置为循环中两个参数中的第一个。任何的想法?也许是一个错误?还是浏览器不兼容?我需要在 Chrome 上完成这项工作。感谢大家的任何建议

0 投票
3 回答
1821 浏览

javascript - onmouseover 和超链接悬停

我有一个带有下划线的链接,一旦你将鼠标悬停在它们上面。我onmouseover在 div 中添加了一个 JS 事件,现在当我将鼠标悬停在超链接上时,它们不再加下划线,而是执行我在事件中放入的任何操作onmouseover

来自函数的代码:

div代码:

编辑:我已经尝试过return true;,return Boolean(true);return new Boolean(true);, 试图按照乍得的建议“返回真实”。它们都不起作用。对不起,我真的不知道该怎么办;我是 Javascript 的新手。

编辑 2:该死,我刚刚意识到乍得意味着我在 div 标签中返回 true。所以现在我有了<div class="nav_bar" id="navbar1" onmouseover="addPlus('navbar1');return true" onmouseout="removePlus('navbar1')">,但不幸的是它仍然不起作用。

0 投票
2 回答
33167 浏览

jquery - 鼠标悬停时的jQuery切换 - 防止队列

我有以下代码,当另一个 div 被鼠标悬停时,它会切换 div 的可见性。它工作正常,除非您反复将鼠标悬停在上面,否则它会将所有切换排队:

我已经尝试过了,但它似乎不起作用(它会导致切换 div 的可见性出现问题,最终根本不显示它)

我如何摆脱这里的队列?

0 投票
1 回答
512 浏览

jquery - jQuery UI:打开对话框后更新jQuery对话框内的图像源

我有以下功能:

由以下方式调用:

基本思想是,当您将鼠标悬停在缩略图上时,它会调用替换图像元素“bigimage”的src的函数

到目前为止,它在普通 HTML 中运行良好。

问题是我在 jQuery UI .dialog 中有这个。

然后它不会更新“bigimage”

有任何想法吗?

多谢你们