textarea的javascript innertext不重置重新加载页面

时间:2019-02-22 14:02:04

标签: javascript textarea

我有以下代码,在我加载页面时可以完美运行

它允许双击P并使其可使用textarea进行编辑,并在单击“保存”按钮时将其还原为P

双击“ some lorem ipsum ”字符串会将P切换到从P内容中获取内容的texarea,因此它将显示“ some lorem ipsum ” “

您进行一些编辑,假设您删除了“ 一些lorem ipsum ”,然后编写了“ 新内容已编辑”,

当您单击“保存”时,它会回到显示P哪些新内容现在为“ 已编辑新内容

我遇到的问题是,如果我单击Firefox中的重新加载按钮

P返回原始内容“ 一些lorem ipsum

但是,如果我双击“ some lorem ipsum ”字符串,则不会从P中选择textarea文本

相反,它显示先前的“ 新内容已编辑

我忘记了什么吗?谢谢提示

var noteP = document.getElementById("noteP");
var noteTA = document.getElementById("noteTA");
var noteDD = document.getElementById("noteDD");
var noteED = document.getElementById("noteED");

var TestoOriginale = "";
var TestoAttuale = "";

noteED.style.display = "none";

noteP.ondblclick = function LoadText() {
  TestoOriginale = noteP.innerText;  // load the P text
  noteTA.innerText = TestoOriginale; // -THE ERROR IS HERE- write the P text into the textarea
  noteDD.style.display = "none"; // hide P DIV
  noteED.style.display = "block"; // show text area DIV
}


function UpdateText() {
  TestoAttuale = noteTA.value; // get current textarea text
  noteP.innerText = TestoAttuale; // write it into P
  noteDD.style.display = "block";
  noteED.style.display = "none";

}


document.getElementById("salvaBT").onclick = function AJAXPost(NoteUpdateForm) {

  UpdateText();

  /**
  more code later
  **/
}
<div id="noteDD">
  <p id="noteP">some lorem ipsum</span>.</p>
</div>

<div id="noteED">
  <form action="./note-update.php" method="post" id="NoteUpdateForm">
    <textarea id="noteTA" name="NoteUpdateText" form="NoteUpdateForm" rows="5" cols="40"></textarea><br>
  </form>
  <input type="button" value="Cancel"><input type="button" id="salvaBT" value="Save" onclick="javascript:AJAXPost(this);">
</div>

1 个答案:

答案 0 :(得分:1)

据我了解,在事件之后,您想在保存更改后更新textarea值。

您需要将sceneView.scene.physicsWorld.gravity = SCNVector3Make(0.0, -1.0, 0.0) 传递到value才能保存修改。

代替

textarea

执行

noteTA.innerText = TestoOriginale;

使用noteTA.value = TestoOriginale;时,会将文本放在innerText HTML选择器中,而不是将其放入textarea <textarea>属性中。