要禁用输入框中的多行/多列选择,可以使用以下方法:
readonly
属性:将输入框的readonly
属性设置为true
,这样用户就无法编辑输入框中的文本,也无法选择多行/多列。<input type="text" readonly />
user-select
属性:通过设置输入框的CSS样式,禁止用户选择多行/多列。<style>
.no-select {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
</style>
<input type="text" class="no-select" />
<input type="text" id="myInput" />
<script>
var input = document.getElementById("myInput");
input.addEventListener("mousedown", function(event) {
event.preventDefault();
});
</script>
以上方法可以根据实际需求选择使用,禁用输入框的多行/多列选择功能可以提升用户体验,防止用户误操作或者修改输入框中的内容。
领取专属 10元无门槛券
手把手带您无忧上云