Kéo và thả HTML5 (DnD): thay đổi con trỏ

Question

Trong khi kéo phần tử trên khu vực trình duyệt của khách hàng trong HTML5, làm cách nào tôi có thể thay đổi con trỏ thành bất kỳ con trỏ nào mà tôi muốn?

Cho đến nay, tôi chỉ có thể hiển thị con trỏ mặc định trong khi kéo (ngoại trừ con trỏ không ở bất kỳ nơi nào không được hỗ trợ).

Tôi không nói về bất cứ điều nào sau đây:

• sử dụng event.dataTransfer.setDragImage() để hiển thị một hình ảnh bên cạnh con trỏ

• sử dụng event.dataTransfer.dropEffect để hiển thị một bản sao hoặc một biểu tượng liên kết bên cạnh con trỏ, hoặc để thay đổi con trỏ thành biểu tượng không có

• trong Firefox, sử dụng event.dataTransfer.mozCursor, vì điều đó chỉ có thể thực hiện hành vi hệ thống mặc định hoặc hiển thị ar hàng con trỏ, không ai trong số đó giúp (bên cạnh đó, tôi muốn hỗ trợ trình duyệt chéo, mặc dù tôi đang chủ yếu nhắm mục tiêu Chrome)

Tôi đã thử nhiều thủ đoạn khác, trong đó có sử dụng CSS :hover và :focus, và nhiều thủ đoạn JavasScript , Tất cả không có kết quả.

Cảm ơn bạn đã được trợ giúp.

Answer 1

Vì vậy, bạn muốn thay đổi con trỏ trong khi kéo một phần tử?

$('YourElement').draggable({ 
    cursor: "crosshair" 
}); 

thấy http://api.jqueryui.com/draggable/#option-cursor để biết thêm