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

avatar
作者
猴君
阅读量:7

当设置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,用户仍然可以通过拖放内容来向元素中插入文本。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!