元素边框上的 HTML 鼠标悬停事件
html mouseover event on element border
我想知道是否可以将鼠标悬停事件绑定到HTML元素边框之一,例如div的左边框。
div 是其他复杂 html 元素的容器,并且为其子元素附加了鼠标悬停事件。将鼠标悬停事件绑定到整个容器div 本身是一种方法,但是用户将无法区分他是选择容器还是子元素。
我想要一个非常明显的方法来指示可以选择容器,例如当他将鼠标悬停在左边框区域上时突出显示容器。
还是有其他解决问题的好方法?
谢谢。
边框不是元素,因此不能将 mouseenter 事件绑定到它们。如果需要这种类型的功能,则需要在元素的边缘周围(或至少在目标边缘旁边)放置一系列元素,并绑定到该元素。
Dropbox在其基于Web的上传功能中采用了这种特殊方法。当您将文件从桌面拖动到其页面上时,您会注意到顶部、底部和侧面周围的div
元素都淡入视图。这是通过在视口边缘附近放置四个div
元素来实现的。
你想要这样吗
http://jsfiddle.net/GBpcg/
编辑 : http://jsfiddle.net/GBpcg/2/
相关文章:
- 当鼠标悬停在文本中的单词上时显示警报
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 在鼠标悬停时展开列表
- jQuery悬停在没有鼠标悬停的情况下启动
- 鼠标悬停时如何居中放大背景图像
- 使用鼠标悬停JavaScript/HTML显示文本
- 如何在MVC3中显示鼠标悬停在文本上的部分视图
- d3.js鼠标悬停鼠标输出问题
- 如何在鼠标悬停时将对象从起始位置移动到结束位置,然后在鼠标悬停后再次移动
- 鼠标悬停时播放随机轨迹
- 鼠标悬停时的css转换
- 将鼠标悬停在同级元素上的 jquery 上轻拂
- 将鼠标悬停在Angular JS中的一个元素上,并将Class添加到另一个元素中
- aspx中鼠标悬停时横向扩展DIV
- ajax鼠标悬停和鼠标悬停脚本
- 在鼠标悬停处隐藏图像
- 如何停止地图移动时,鼠标悬停在标记在谷歌地图API 3
- 通过鼠标悬停向上或向下滑动的图片
- 鼠标悬停时更改按钮的 CSS