Javascript 悬停事件图像

以下是我所拥有的：

.error
{
background: url(error.jpg) no-repeat right top;
}

---

通过JQuery，我将类“error”传递给一个文本框。因此，文本框将图像作为背景，但不是整个文本框，而是其右侧部分。我现在想做的是将鼠标悬停在图像上（而不是文本框），以显示图像的标题。如何为图像添加标题以及如何使其处于悬停状态？

由于图像是输入背景的一部分，因此无法将事件附加到图像

---

但是，您可以将

alt

或

title

属性放置在

input

本身上，该属性将在所有浏览器中充当工具提示。

由于图像是输入背景的一部分，因此无法将事件附加到它

但是，您可以将

alt

或

title

属性放置在

input

本身上，该属性将在所有浏览器中充当工具提示。

对于悬停，您可以使用：

$('#myElement').hover( function () {/*in focus code */},
                       function () {/*out of focus code*/});

要确定是否只是该图像被悬停，您需要附加到mousemove事件，并在元素上方获得鼠标坐标，然后自己计算出来。我会在元素的每个mousemove事件后存储当前鼠标坐标，然后在悬停函数中确定您是否在图像区域内

var currentMousePos;
$('#myElement').mousemove(function (event) {
  currentMousePos = {(event.pageX - $('#myElement').left), 
                     (event.pageY - $('#myElement').top)};
});

对于悬停，您可以使用：

$('#myElement').hover( function () {/*in focus code */},
                       function () {/*out of focus code*/});

要确定是否只是该图像被悬停，您需要附加到mousemove事件，并在元素上方获得鼠标坐标，然后自己计算出来。我会在元素的每个mousemove事件后存储当前鼠标坐标，然后在悬停函数中确定您是否在图像区域内

var currentMousePos;
$('#myElement').mousemove(function (event) {
  currentMousePos = {(event.pageX - $('#myElement').left), 
                     (event.pageY - $('#myElement').top)};
});

---

如何检索图像标题？它存放在哪里？@F.Calderan嗯，哪儿也没有。这就是我要问的。怎么给它？不，我恐怕你不能为css背景图像这样做。你可以做一个简单的黑客。例如，将透明图片放置在希望触发悬停动画的位置。如何检索图像标题？它存放在哪里？@F.Calderan嗯，哪儿也没有。这就是我要问的。怎么给它？不，我恐怕你不能为css背景图像这样做。你可以做一个简单的黑客。例如，将一张透明图片放置在希望悬停动画触发的位置。这不像其他答案那样清晰，但它确实提供了您想要的功能，您必须权衡成本和收益。这不像其他答案那样清晰，但它确实提供了您想要的功能，你得权衡一下成本和收益。