![](/img/trans.png)
[英]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
[英]html mouseover event on element border
我想知道是否可以將鼠標懸停事件綁定到HTML元素邊框之一,例如div的左邊框。
div是其他復雜html元素的容器,並且為其子元素附加了鼠標懸停事件。 將鼠標懸停事件綁定到整個容器div本身是一種方法,但是用戶將無法區分他是選擇容器還是子元素。
我想要一個非常明顯的方法來指示可以選擇容器,例如當鼠標懸停在左邊框區域時突出顯示容器。
或者還有其他好辦法解決問題嗎?
謝謝。
邊框不是元素,因此您無法將mouseenter事件綁定到它們。 如果您想要這種類型的功能,則需要在元素的邊緣(或至少在目標邊緣旁邊)放置一系列元素,並綁定到該元素。
Dropbox在其基於Web的上傳功能中采用了這種特殊方法。 將文件從桌面拖到頁面上時,您會注意到頂部,底部和側面的div
元素都會淡入視圖。 這是通過在視口邊緣附近放置四個div
元素來實現的。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.