[英]html mouseover event on element border
我想知道是否可以将鼠标悬停事件绑定到HTML元素边框之一，例如div的左边框。
div是其他复杂html元素的容器，并且为其子元素附加了鼠标悬停事件。 将鼠标悬停事件绑定到整个容器div本身是一种方法，但是用户将无法区分他是选择容器还是子元素。
我想要一个非常明显的方法来指示可以选择容器，例如当鼠标悬停在左边框区域时突出显示容器。
或者还有其他好办法解决问题吗？
谢谢。
边框不是元素，因此您无法将mouseenter事件绑定到它们。 如果您想要这种类型的功能，则需要在元素的边缘（或至少在目标边缘旁边）放置一系列元素，并绑定到该元素。
Dropbox在其基于Web的上传功能中采用了这种特殊方法。 将文件从桌面拖到页面上时，您会注意到顶部，底部和侧面的div元素都会淡入视图。 这是通过在视口边缘附近放置四个div元素来实现的。
如果父级有边框，当鼠标退出父级和子级时，如何避免来自父级元素的mouseover事件
[英]How to avoid the mouseover event from the parent element when the mouse is exiting both parent and child if the parent has a border
如何使用JavaScript中的mouseover事件使HTML边框更改颜色？
[英]How do I make an HTML border change color with the mouseover event in JavaScript?
由于我已将mouseover和mouseout事件附加到HTML中的每个元素，如何在几个HTML元素上阻止相同的事件？
[英]Since I have attached mouseover and mouseout event to each and every element in HTML, How can I prevent same event on few HTML element?
如何使用 angular 中的 setAttribute 将鼠标悬停事件添加到动态生成的 html 元素
[英]How to add mouseover event to a dynamically generated html element by using setAttribute in angular
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
