解决方法
你可以使用指针事件：none;禁用鼠标DOM交互(如点击,悬停等).例：
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>
