防止使用类和标签名称在输入文本字段上进行选择

Question

我正在尝试防止使用以下内容在输入字段上进行选择：

注意事项

1. 防止使用鼠标进行选择
2. 防止使用键盘选择（包括Ctrl + A，Shift +箭头）
3. 允许使用键盘和鼠标聚焦到领域

到目前为止，我已经尝试了以下方法： id工作正常，但我想标记名称。

HTML

<p class="noselect">
 Unselectable text.
 <input class="my_input" type="text" value="Try to select me!">
</p>

JS

var inp = document.getElementByClassName('my_input');
inp.addEventListener('select', function() {
    this.selectionStart = this.selectionEnd;
}, false);   

Answer 1

在给定的代码段中有一些小的更正。

1. getElementsByClassName ，而不是 getElementByClassName
2. getElementsByClassName 返回具有给定类的dom元素数组，因此使用 inp [0] 选择第一个。

var inp = document.getElementsByClassName('my_input');
inp[0].addEventListener('select', function() {
  this.selectionStart = this.selectionEnd;
}, false);