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

时间:2012-06-06 06:46:23

标签: javascript html

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

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

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

或者还有其他好方法可以解决这个问题吗?

谢谢。

2 个答案:

答案 0 :(得分:7)

边框不是元素,因此您无法将mouseenter事件绑定到它们。如果你想要这种类型的功能,你需要在元素的边缘周围放置一系列元素(或者至少在你的目标边缘旁边),并绑定到它。

Dropbox在其基于网络的上传功能中采用了这种特殊方法。将文件从桌面拖到页面上时,您会注意到顶部,底部和侧面周围的div个元素都会淡入视图。这是通过在视口边缘附近放置四个div元素来实现的。

答案 1 :(得分:2)