2013-02-18 132 views
11

在HTML5中通過瀏覽器客戶端區域拖動元素時,如何將光標更改爲我想要的任何光標?HTML5拖放(DnD):更改光標

到目前爲止,我只能在拖動時顯示默認光標(除了不支持拖放的none光標外)。

我不是在談論任何如下:

  • 使用event.dataTransfer.setDragImage()除了使用event.dataTransfer.dropEffect顯示覆制或鏈接符號除了光標光標

  • 顯示圖像,或者將光標更改爲無符號

  • 在Firefox中,使用event.dataTransfer.mozCursor,因爲那樣只能執行默認的系統行爲,或者顯示ar行光標,這兩者都不利於(此外,我想跨瀏覽器的支持,但我主要定位於Chrome)

我嘗試過許多其他的技巧,包括使用CSS :hover:focus,許多使用JavasScript技巧,都無濟於事。

感謝您的任何幫助。

+0

你有沒有找到一個解決這個? – Mahks 2014-09-29 12:59:51

+0

我不認爲在使用HTML 5拖放(而不是僅僅是正常的鼠標移動)時可以更改光標。我認爲這是爲了安全,確保網頁不會試圖誘使用戶認爲在某個區域放置的行爲不符合預期。我只是轉而使用正常的鼠標移動而不是拖放。 – XDR 2014-09-29 13:44:08

+0

我有同樣的問題。我贊同你。我們可能需要切換回mousedown/mousemove事件而不是H5 Dnd – 2016-04-01 15:16:58

回答