javascript - 拖放数据时清除输入字段

Question

我编写了一个函数，当用户聚焦输入字段时自动清除输入字段的预设值，如果用户未输入任何值，则将其恢复为模糊状态。

所以 <input type="text" value="example" /> 的值将在焦点上设置为空。

我遇到的问题如下:

当我在页面上选择一些文本并将其拖放到输入字段中时，在应用拖放的文本之前该字段不会被清除。

相反，输入字段的值将变为:exampleLorem，而不仅仅是 Lorem。

是否有一种正确的方法可以在将文本放入输入字段后立即删除默认值？

Answer 1

除了 focus 和 blur 之外，您还可以使用其他几个事件

这个问题最有趣的应该是drop , dragenter和 dragleave

请注意:在 MSIE 中，焦点事件似乎在放下后立即触发，因此您需要在放下时设置一种标志(并稍后删除此标志)，以处理由放置强制调用的焦点.

另请注意:不幸的是，opera 不支持那些拖放事件