问题标签 [onmouseout]

我想在 onmouseover 的块内插入书面文本。

我的 HTML 源代码是：

为了插入文本来代替注释，我编写了这段 Javascript 代码：

问题在于书面链接。如何解决这个问题？我的代码正确吗？

[编辑]：我添加了 css 让你看看fiddle会发生什么。我使用了@Konstantin D-Infragistics 的代码 jquery，但存在同样的问题：当鼠标经过所写的“要添加的文本”时，它会闪烁。我希望这个问题现在更清楚了

我的页面上有几个按钮，它们要么是“开始计时器”按钮，要么是“停止计时器”按钮，它们分别运行 startTimer 和 stopTimer 功能。

在 startTimer 函数期间，按钮的 onclick 从 startTimer 变为 stopTimer，反之亦然。

目前，一旦单击，该按钮将永久地一个接一个地运行这两个功能。

我希望它运行该功能，然后停止准备再次单击该按钮并运行相反的功能。

我一直在探索的一种方法是在按钮运行时禁用它，让功能检查启用的按钮，运行该功能，然后尝试创建一个事件以重新启用它。这是我挣扎的最后一点。

}

HTML/PHP：

我使用for 循环在 raphael.js 中制作了 4 个矩形。当我应用诸如 onmouseover 或 onmouseout 之类的事件时，它仅适用于创建的最后一个矩形。我知道我的代码有问题。请提供解决方案，有没有办法简化代码？

JS小提琴链接

我有这段代码，其中 onmouseout 和 onmouseover 事件的颜色会发生变化。但是，如果我将鼠标快速移到这些框上，则 onmouseover 功能将无法正常工作并且不会改变颜色。可能是什么问题呢？

JS小提琴代码

*编辑：即使我快速移动鼠标，如何确保动画仅应用于 1 个框。

这个小片段的目标是（默认情况下）显示图像数据，然后通过“slideDown”onMouseOver 将其删除。它主要工作，但是当你将鼠标悬停在文本上显示信息时，div会像疯狂一样上下跳跃。感谢您提供任何解决此问题的帮助！

演示：http: //jsfiddle.net/voudini/SggsV/

所以我正在建立一个像 Flickr 这样的 PHP 网站，除了这些照片可以评级。所以我在 AJAX 中设置了评分系统，这样当用户单击星号对照片进行评分时，照片上的星号会反映计算出的新评分。（照片的等级由黄色或空白的 10 颗星表示）。

当您将鼠标悬停在星星上时，星星会做出反应，它们会在光标指向的位置亮起。当您单击一个星时，相应的值会记录在 photo_rating 表中并在 photo 表中更新。然后新计算的评级通过星星反映。

更新 这几乎都归结为这个调用没有返回正确的评级，它仍然在页面加载时返回照片的原始评级。而不是通过 AJAX 保存在数据库中的新评级（即使数据库中的值已更改）

问题出在这里：点击后，星星会更新为正确的新计算评级。但是当我将鼠标移回星星上时，鼠标移开。星级评分会回到用户首次加载页面时的原始评分。因此，正在反映的评级是页面加载时从数据库中提取的评级。不是现在位于照片表评级列中的值。

最初我使用的是 $photo->rating 但我认为自从我使用了 AJAX 之后，该值就不再被计算了。于是我将 onmouseout 切换为调用 Photo::find_by_id($_GET['id'])->rating; 它应该通过从其 id 检查数据库并获取当前评级来实例化一个新对象。但即使这似乎并没有给我更新的价值。

我使用了 firebug、firePHP 并正在进行分析，以查看当我单击并将鼠标悬停在这些方法上时传递给这些方法的确切值。出于某种原因，新评级只是从数据库中提取，在用户投票后立即显示新值。但是，当您将鼠标悬停在星星上时，它们会回到您加载页面时的状态。无论如何，我可以在不刷新整个页面的情况下将更新后的值反映在下面的代码中吗？如果我刷新页面，那么它可以工作，但重点是通过 AJAX 完成所有操作，因此不必重新加载整个页面......

这就是在页面上设置呼叫的方式。

这是我的 rating.js 文件，其中包含上面用于 onmouseactions 的 3 个（我知道 decision_rating 和 stars_current_rating 是相同的代码，当我将它们设置为不同的页面时它们是不同的，其中逻辑不同，但更新没有工作，所以我回到这个更简单的例子）

我在我的数据库中设置了 2 个表。一种是具有 user_id、photo_id 和 rating 的 photo_rating。photo 表还有一列表示其当前评级（计算为 photo_rating 中相应行的平均值）。

下面是 AJAX 调用的 set_rating.php 文件

这些是在 PhotoRating 中调用的函数

任何见解都将不胜感激，自从我昨天晚些时候开始测试以来，我一直在敲桌子。我知道我可以重新加载页面，但我觉得这否定了通过 AJAX 实现这一切的效率。

我正在建立一个模拟 Flickr 网站，您可以在其中通过单击 1-10 星来对照片进行评分。当页面加载时，它会为照片创建一个对象，并根据与其 id 对应的 db 条目设置其值。当您将鼠标悬停在星星上时，它们会亮起（从 1 开始）到您光标所在的星号，指定您的评分。当您单击星标时，它会提交评级（通过 AJAX）并更新数据库，然后设置星标以反映新评级。

问题是，如果您将鼠标悬停在星星上，然后将鼠标从它们上移开（不单击一个），那么点亮的星星反映的是页面最初加载时照片的评级，而不是当前的评级（基于用户点击星号时使用 AJAX 记录的评分）。

数据库正在更新，星号在 AJAX 调用之后反映了正确的评级（因为我在 AJAX 调用结束时调用了与 onmouseout 相同的函数，stars_current_rating(rating)）。唯一的区别是在 AJAX 调用结束时，我将 xmlhttp.responseText 作为参数传入。在 onmouseout 中，我传入（我想要的）数据库中该照片的最新评级。

我在这个调用背后的逻辑是假设我通过找到它并将新评级传递给 stars_current_rating(...) 来获取已保存到数据库的新评级。唯一的问题是 onmouseout 传递页面加载时从数据库中提取的原始评级参数，而不是数据库中的新值（这是 find_by_id() sql函数所做的）......这是处理的代码星星的显示。

任何帮助或见解将不胜感激有关该问题的更多详细信息，请单击下面的链接以获取原始问题。

包含所有代码和具体细节的原始问题

所以我必须在各种情况下显示普通的 ole 工具提示。我必须处理使用 onclick 事件取消 URL 链接的默认行为，在 mouseover 事件上显示工具提示并在 mouseout 事件上隐藏工具提示。到目前为止，我将包含我所有的 HTML、CSS 和 JavaScript 代码。这只能在外部 JavaScript 文件中完成（即根本无法更改 HTML 或 CSS）。我也不能使用 innerHTML（必须使用 JavaScript 最佳实践）。我试图尽我所能编写代码（我对 JavaScript 真的很陌生）。目前这些功能都不起作用。我必须有 3 个函数，并且它们在 Javascript 中以正确的方式（我认为）布局。好的，我的唠叨够多了，下面是代码：

HTML

CSS

JavaScript

我有一个任务必须严格遵守。请阅读 javascript 代码顶部的注释，以了解我对此作业的限制。大多数功能的布局和注释都非常好，但是在加载页面时它不起作用。我已经包含了我的 HTML、CSS 和 JavaScript。请在给出答案之前阅读 javascript 顶部的评论，以免您的建议超出我的限制。对不起，如果我在这件事上是个混蛋，我不是故意的。感谢大家的帮助。谢谢，杰森

ps 这是返回的唯一错误：

HTML

CSS

Javascript

* 更新了 Javascript（只是添加的代码，没有评论）*

我正在用 JavaScript 做一些实验，我有一个水平显示的 4 个项目的列表，每个列表项都分配了一个onmouseover和onmouseout事件。

每个项目的onmouseover事件执行一个函数，该函数使用间隔随着时间的推移增加项目的高度。

每个项目的outmouseover事件执行一个函数，然后使用另一个间隔随着时间的推移将项目的高度降低到其默认值。

它在以下情况下工作：当我触发onmouseover列表项时，高度按预期增加，当我将鼠标从列表项上移开时，高度然后按预期减小。

但是，问题是，它似乎在以下情况下不起作用：当我onmouseover为列表项触发时，高度会按预期增加，但是如果我onmouseover在另一个列表项返回到其原始大小之前触发另一个事件，onmouseout上一个列表项的函数没有完成执行。

对不起，如果我缺少任何细节，显然我在解释事情方面非常糟糕......所以我有一个指向源代码的链接和一个你可以测试代码以查看发生了什么的网站。

也许我对 javascript 的了解没有我想象的那么多，所以虽然解决方案或修复会很棒，但我也很乐意接受任何关于为什么会发生这种情况的建议或某种解释。

我最初认为多个间隔计时器不能同时执行，直到经过一些研究我发现它们可以。所以现在我在想这是否是onmouseover和onmouseout事件之间的冲突。

任何建议、指导或解决方案将不胜感激！

来源： https
://docs.google.com/open?id=0B6XLOOGyKVdWVkpSUklmMVI5QUk 测试站点： http
://www.play-hookey.com/htmltest/ （只需复制该google文档的内容并粘贴到html文本区域在网站上看看我在说什么）