Javascript jQuery-是否可以有单独的onHover和onClick事件？

我目前正在建立一个网站，使用了很多jQuery，它涉及到一个交互式地图

地图上会有点，但我需要的是，当您将鼠标悬停在地图点上时，会显示一个小的描述（可能在名为.mapitem smalldescription的div中），然后当您单击地图点时，会显示一个大得多的完整描述（带有图片）（在另一个名为.mapitem fulldescription的div中，例如.mapitem fulldescription）

我知道如何在不同的地图点上执行onclick和onhover事件，但我一直未能成功地将它们组合到一个地图点上

请问我怎么做

---

Zach

假设每个地图点都有类

mappoint

：

$('.mappoint').hover(function() {
    //do something on mouseover...
}, function() {
    //do something on mouseout...
}).click(function() {
    //do something on click...
});

---

假设每个贴图点都有类

mappoint

：

$('.mappoint').hover(function() {
    //do something on mouseover...
}, function() {
    //do something on mouseout...
}).click(function() {
    //do something on click...
});

---

如果您的每个地图点都有类点，这可能会起作用：

试试这个：。

代码：

HTML

<div class="point">
</div>

---

编辑：以下是一个与您描述的方式更接近的版本：。 如果您还需要修改或添加其他内容，请告诉我。

---

我希望这有帮助

如果您的每个地图点都有类点，这可能会起作用：

试试这个：。

代码：

HTML

<div class="point">
</div>

---

编辑：以下是一个与您描述的方式更接近的版本：。 如果您还需要修改或添加其他内容，请告诉我。

---

我希望这有帮助

嘿，凯文-当我将鼠标悬停在完整描述上时，如何阻止“.mapitem smalldescription”出现？在附加“hover”事件时，它似乎扩展到了“.mapitem fulldescription”。我尝试了一些方法来阻止它出现，但我无法让它工作。感谢展开，如果您将鼠标悬停在多个位置的地图点上，然后将鼠标悬停在附加的div上，则附加事件似乎会无限地发生。是否有解决方案来停止此操作，因为它不仅会导致图形故障，而且会无限地将大量数据加载到浏览器中。谢谢，我会看看我是否可以编辑一下代码，让reult更受欢迎。对于原始代码的粗糙性，我深表歉意，它只是一个非常快速的模型。@Zach Nicodemous我修改了我的旧代码，使代码的行为更接近您描述的方式。这是JSFIDLE:。嘿，凯文-当将鼠标悬停在完整描述上时，如何阻止“.mapitem smalldescription”出现？在附加“hover”事件时，它似乎扩展到了“.mapitem fulldescription”。我尝试了一些方法来阻止它出现，但我无法让它工作。感谢展开，如果您将鼠标悬停在多个位置的地图点上，然后将鼠标悬停在附加的div上，则附加事件似乎会无限地发生。是否有解决方案来停止此操作，因为它不仅会导致图形故障，而且会无限地将大量数据加载到浏览器中。谢谢，我会看看我是否可以编辑一下代码，让reult更受欢迎。对于原始代码的粗糙性，我深表歉意，它只是一个非常快速的模型。@Zach Nicodemous我修改了我的旧代码，使代码的行为更接近您描述的方式。以下是JSFIDLE:。