div {
    pointer-events: none;
}

<div>
    <input type="text" value="value" />
    <br />
    <textarea>value</textarea>
</div>

然而,我们仍然可以使光标注重输入标签,即使指针事件：none;应用于此,它将使用户能够编辑该值.尝试点击输入标签,然后按键盘上的标签,然后光标对焦将在标签本身,我们可以编辑它.

要使输入标签不可编辑,请将readonly属性直接放在标记上或使用jQuery.以下是使用jQuery .prop()方法的简单示例.

$("input,textarea").prop("readonly",true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="text" value="value" />
  <br />
  <textarea>value</textarea>
</div>