javascript - 您如何为输入框上的 URL 捕获事件

Question

我有一个 Web 表单，其中包含一个用于 URL 的文本输入框。当我将 url 从浏览器(我使用的是 firefox，但如果可能的话，我希望它也能在其他浏览器中工作)地址栏拖到输入框时，它会将 url 文本插入到任何预先存在的文本中。我希望 url 覆盖任何现有文本。

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

如果可以使用 jQuery 进行设置，那很好，否则使用简单的 javascript。

编辑

这似乎可行:

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

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

Answer 1

如果您的目标是 ie、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);
}