Question

我正在动态创建一个summernote文本区域，并用初始数据填充它。更改此数据后，我想调用一个函数来更新数据库。对于“输入”字段，“ onchange”有效（当您进行更改然后离开该字段时会触发），因此我按如下所示在此处进行了尝试。这不起作用（离开字段时未触发），并且没有控制台日志消息。

var  json = json + "<textarea class='summernote col-lg-12 col-md-12 col-sm-12 col-xs-12' id='ymSpecificLine' name='ymSpecificLine' rows='1'"
    	  							+ "' onchange='taskDetailUpdateFunction(\"" + awardDetail.getAdDescription().replace("\"", "&quot;") + "\", \"" + encoded_task_detail_ID.replace("\"", "&quot;") + "\")'>";
    json = json + awardDetail.getAdDescription();
    json = json + "</textarea>";

Answer 1

Summernote具有为此可以调用的方法： https://summernote.org/deep-dive/#callbacks

您将按以下定义调用onChange方法： https://summernote.org/deep-dive/#onchange

Answer 2

您必须使用innerHTML将其注入DOM：

var json = "<textarea class='summernote col-lg-12 col-md-12 col-sm-12 col-xs-12' id='ymSpecificLine' name='ymSpecificLine' rows='1' onchange='onChange()'></textarea>";
document.getElementById("demo").innerHTML = json;

function onChange(){
  console.log("Value changed to: "+document.getElementById("ymSpecificLine").value);
}

<p>Change my value then press TAB:</p>
<div id="demo"></div>

动态创建的Summernote文本区域-如何在更改时触发功能

2 个答案: