使用jQuery將鏈接拖放到表單輸入框中

我有一個輸入框，我想將鏈接拖放到使用jQuery中。我的目標是點擊鏈接將其拖放到輸入框中，並將它填充到圖像標籤（如果其鏈接指向圖像）或href標籤（如果鏈接指向文件）。使用jQuery將鏈接拖放到表單輸入框中

這可能嗎？任何人都可以想到這樣的事情的任何例子？越多的答案越好，所以請發佈什麼對你有用。

在此先感謝！

以下是一些有興趣的人的更多信息：拖放功能依賴支持File.API的瀏覽器。

http://www.w3.org/TR/FileAPI/

讓我知道這是有益的，或者如果我可以添加更多的信息。謝謝大家！

來源

2010-08-28 chainwork

因此，您想要將頁面中的鏈接拖動到同一頁面上的輸入框中，並在其中創建一個「」或「」標籤？ – 2010-08-28 01:01:35

我希望將標籤填充到輸入字段/框中。 – chainwork 2010-08-29 01:30:21

似乎夠簡單;至少在我的瀏覽器（Chrome）中將一個鏈接拖入一個輸入/文本區域並使用錨點引用爲缺省功能的URL填充它;因此下面應該做這項工作。

$("input").change(function() { 
    if($(this).val().substring($(this).val().length-3, $(this).val().length) == 'jpg') { 
    $("a img").attr('src', $(this).val()) 
    } else { 
    $("a").attr('href', $(this).val()) 
    } 
})

顯然你要展開的代碼來支持的文件類型，再和我敢肯定有更好的方法來識別URL是否是指圖像或沒有，但這是一個很好的起點。

如果這不能滿足您的確切需求，您可能需要考慮在輸入框中綁定什麼事件; focus也可能是一個可行的選擇？

來源

2010-08-28 16:48:10 Steve

謝謝Steve，星期一我會給你一個鏡頭（手指交叉）。 – chainwork 2010-08-29 01:31:23

在FF中工作，但出於某種原因不在IE中。我看到另一個問題，說IE沒有拖動鏈接到文本區域啓用。我仍然需要弄清楚如何在img src =和 chainwork 2010-08-30 17:28:47

我沒有一個解決方案，如何獲得輸入，從我的頭頂IE的拖動填充。然而，我幾乎爲你提供了後者。我的例子假設你有現有的元素需要改變; （$（this）.val（））。appendTo（'body（））;}如果你不這樣做，請嘗試以下內容：'$（「」）.attr（'href'，$（this）.val 「）'。這會創建一個錨點，然後將其附加到頁面的body標籤。 – Steve 2010-08-30 18:43:26

使用jQuery將鏈接拖放到表單輸入框中

回答

相關問題