jQuery-只允许更改textarea中的部分文本
例如，我有一个带有文本的文本区域jQuery-只允许更改textarea中的部分文本,jquery,Jquery,例如，我有一个带有文本的文本区域 <textarea id="response" name="response" class="form-control" maxlength="160">Text1. Text2</textarea> Text1。文本2 我需要允许用户只编辑Text1文本2不应更改。您可以将文本1设置为固定，并可以编辑文本2，但您必须将文本1作为跨度，您可以看到示例 它可能会对您有所帮助。您最好尝试使用CSS和contenteditable标记创建一
<textarea id="response" name="response" class="form-control" maxlength="160">Text1. Text2</textarea>
Text1。文本2
我需要允许用户只编辑
Text1它可能会对您有所帮助。您最好尝试使用CSS和
contenteditable<html>
<head>
<style>
#custom-textarea {
border: solid 1px #999999;
resize: both;
overflow: auto;
}
#custom-textarea *:read-write:focus {
outline: none;
}
#custom-textarea span {
pointer-events: none;
}
</style>
<script src="jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#custom-textarea span").on("focus", function(){
$(this).parent().trigger("focus");
});
});
</script>
</head>
<body>
<div style="width: 165px;">
<div id="custom-textarea" tabindex="-1">
<span contenteditable="true">This section is editable.</span>
This section is not editable.
</div>
</div>
<textarea>This section is editable. This section is still editable.</textarea>
</body>
</html>
#自定义文本区{
边框：实心1px#999999；
调整大小：两者；
溢出：自动；
}
#自定义文本区域*：读写：焦点{
大纲：无；
}
#自定义文本区域跨度{
指针事件：无；
}
$（文档）.ready（函数（）{
$（“#自定义文本区域范围”）。在（“焦点”，函数（）上{
$（this.parent（）.trigger（“focus”）；
});
});
此部分是可编辑的。
此部分不可编辑。
此部分是可编辑的。此部分仍可编辑。
inputText2Text2Text2textareadisplay:none