簡體   English   中英

元素邊框上的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/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM