Onpaste =返回false,但允許拖放內(nèi)容

小云
143
2023-09-26 05:10:31

當(dāng)設(shè)置onpaste為返回false時(shí)，將禁止用戶通過(guò)粘貼內(nèi)容來(lái)向一個(gè)元素中插入文本。但是，這并不會(huì)影響用戶通過(guò)拖放內(nèi)容來(lái)向元素中插入文本或其他內(nèi)容。

示例代碼如下：

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被設(shè)置為返回false，這意味著當(dāng)用戶嘗試通過(guò)粘貼內(nèi)容來(lái)插入文本時(shí)，將不會(huì)觸發(fā)任何操作。然而，通過(guò)使用ondrop事件和相應(yīng)的處理函數(shù)handleDrop，用戶仍然可以通過(guò)拖放內(nèi)容來(lái)向元素中插入文本。

0 踩