將文本拖放到 Safari 上的 textarea 的簡單方法

Question

是否有一種簡單的方法來實現 Safari 的拖放或不支持？

當元素被拖放到目標文本區域時，我只能監聽事件。 主要問題是我無法檢測到拖放可拖動文本的確切 position ，只能通過將其附加到文本區域的末尾來工作。

從這個答案中，我設法添加了文本：

允許將文本拖放到 html 輸入字段中而不清除以前的數據（僅適用於 Safari）

拖放是在 Chrome 和 Firefox 上以某種方式本地完成的（最后一個需要選擇整個文本並將其設置為可拖動）。 我想知道 web-kit 是否有一個技巧，所以它就像 Firefox 技巧一樣工作。

Answer 1

實施 Firefox 技巧。 （未通過 JS 選擇所有可拖動文本未測試）

通過 JS 檢測是否正在使用 Safari 瀏覽器，如果是，請執行以下操作

1. 從可拖動元素中刪除可拖動屬性：

   item.removeAttribute('可拖動')

2. 添加 Safari 適當的可拖動屬性

   item.setAttribute('style', '-webkit-user-drag:element;')

Safari 正確可拖動元素的示例：

<span style="-webkit-user-drag:element;">DRAGGABLE TEXT</span>

來源： https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/SafariJSProgTopics/DragAndDrop.html