js input 禁止删除

在JavaScript中，如果你想要禁止用户在<input>元素中删除内容，可以通过监听键盘事件并阻止删除键（通常是Backspace或Delete键）的默认行为来实现。以下是一个简单的示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>禁止删除输入框内容</title>
<script>
document.addEventListener('DOMContentLoaded', function() {
    var inputElement = document.getElementById('no-delete-input');

    inputElement.addEventListener('keydown', function(event) {
        // 检查是否按下了删除键（Backspace 或 Delete）
        if (event.key === 'Backspace' || event.key === 'Delete') {
            // 阻止默认行为
            event.preventDefault();
        }
    });
});
</script>
</head>
<body>

<input type="text" id="no-delete-input" value="这段内容不能被删除">

</body>
</html>

在这个示例中，我们首先等待文档加载完成，然后为指定的<input>元素添加了一个keydown事件监听器。当用户尝试按下Backspace或Delete键时，事件监听器会调用event.preventDefault()方法来阻止这些键的默认行为，从而禁止删除输入框中的内容。