Question

我有一个带有文本输入框的网页表单。当我从浏览器中拖动一个网址时（我正在使用Firefox，但是如果可能的话，我希望它能在其他网站上工作）地址栏到输入框，它会将网址文本插入到任何预先存在的文本中。我希望网址覆盖任何现有文本。

我想我可以在添加删除的文本之前捕获一些事件并简化任何现有文本。

如果可以使用jQuery设置那么好，否则就是简单的javascript。

修改

这似乎有效：

$("#myinput").bind("drop", function(e) {  
      e.currentTarget.value = "";  
      return true;  
});

我不确定哪些浏览器支持此事件，但如果它是最现代的，那么应该没问题。

Answer 1

有一个点击事件：

<input ondrop="this.value=''">

Answer 2

如果你的目标是，即firefox 3.5+，safari或chrome，则ondrop事件应该有效。您可以使用Dr.Molle提供的表单，也可以使用javascript设置ondrop处理程序。

//for ie must use this syntax or the html version
document.getElementById('myInput').ondrop = function(e){
    //doesn't have to be jquery here
    //using window.location because I can't test e.dataTransfer.getData('Text') right now
    $(this).val(window.location);
}

如何捕获输入框中丢弃的URL的事件

2 个答案: