温馨提示×

Onpaste =返回false,但允许拖放内容

小云
147
2023-09-26 05:10:31
栏目: 编程语言

当设置onpaste为返回false时,将禁止用户通过粘贴内容来向一个元素中插入文本。但是,这并不会影响用户通过拖放内容来向元素中插入文本或其他内容。

示例代码如下:

HTML:

<input type="text" id="myInput" onpaste="return false;" ondrop="handleDrop(event)">

JavaScript:

function handleDrop(event) {
event.preventDefault();
var text = event.dataTransfer.getData("text");
document.getElementById("myInput").value += text;
}

在上面的示例中,onpaste被设置为返回false,这意味着当用户尝试通过粘贴内容来插入文本时,将不会触发任何操作。然而,通过使用ondrop事件和相应的处理函数handleDrop,用户仍然可以通过拖放内容来向元素中插入文本。

0