如何检测选中文本拖入输入框未完成放下前的触发事件

通常你可以将任意位置选中的文本拖放到input输入框中。要实现拖拽状态下光标进入输入框、还未释放时触发指定操作的需求，可直接使用HTML5原生拖拽API的dragenter事件，该事件触发时机刚好匹配“拖拽物进入输入框范围、光标变为加号图标、尚未完成放下操作”的场景。

相关代码示例 #

JavaScript代码

jQuery版本实现：

$("input").on("dragenter", function(){
  // 此处写入自定义执行逻辑
});

原生JS版本实现：

document.querySelector('input').addEventListener('dragenter', () => {
  // 自定义执行逻辑
})

CSS代码

form input {
    font-size: 16px;
}

form {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

HTML代码

<form>
    <p>some text</p>
    <input type="text" />
</form>

内容的提问来源于stack exchange，提问作者Aso