检测输入字段中丢失的文本

Detecting dropped text in an input field?

本文关键字:文本 输入 字段 检测      更新时间:2023-09-26

我正在使用动态标签,它需要检测何时输入进入文本输入。

我检测按键事件,我也检测粘贴事件,当用户粘贴文本。

但是,我仍然没有检测到拖放的文本。

我看了这里,看起来我应该检测掉落事件。

正确吗?是否应该为删除事件设置事件侦听器?我怎么能确保它是文本,被丢弃,而不是其他东西?

这是我如何进行按键和粘贴

input_element.addEventListener("paste", function () {
    label_element.style.opacity = 0;
}, false);
input_element.addEventListener("keypress", function () {
    label_element.style.opacity = 0;
}, false);

如何检测文本掉落?

一个猜想:

input_element.addEventListener("drop", function () {
    // verify it is text that is dropped
    label_element.style.opacity = 0;
}, false);

关闭:

input_element.addEventListener("dragdrop", function () {
// verify it is text that is dropped
    label_element.style.opacity = 0;
}, false);