javascript - 元素边框上的html鼠标悬停事件

Question

我想知道是否可以将 mouseover 事件绑定到 HTML 元素边框之一，例如 div 的左边框。

div 是其他复杂 html 元素的容器，并且为其子元素附加了 mouseover 事件。将 mouseover 事件绑定到整个容器 div 本身是一种方法，但是用户将无法区分他选择的是容器还是子元素。

我想要一个非常明显的方法来表明可以选择容器，例如当他将鼠标悬停在左边框区域时突出显示容器。

或者有没有其他解决问题的好方法？

谢谢你。

score 7 · Accepted Answer

边框不是元素，因此您不能将 mouseenter 事件绑定到它们。如果您想要这种类型的功能，您需要在元素的边缘周围（或至少靠近目标边缘）放置一系列元素，并绑定到它。

Dropbox 在其基于 Web 的上传功能中采用了这种特殊方法。当您将文件从桌面拖到他们的页面上时，您会注意到div顶部、底部和侧面的元素都消失在视图中。div这是通过放置在视口边缘附近的四个元素来完成的。

score 2 · Accepted Answer

2

你想要这样吗

编辑：http: //jsfiddle.net/GBpcg/2/

于 2012-06-06T07:06:00.023 回答

2 回答 2