Javascript 如何获取内容可编辑div的新文本？

我有以下html：

<div class="custom_title" contenteditable="true" maxlength="50">
   WRITE YOUR CUSTOM TITLE HERE
</div>

这要求：

var termS;  
function myGoogle() {
  termS = $(".custom_title").html();
  console.log(termS);

---

但是，当我更改该div上的文本时，控制台仍然会给我旧文本，而不是新文本。它在代码段中运行良好：

$（“#搜索_wiki”）。在（“单击”，函数（）{
myGoogle（）；
});
var项；
函数myGoogle（）{
术语=$（“.custom_title”）.html（）；
控制台日志（术语）；
}

在这里写下你的自定义标题
搜索wiki

只需在ready事件中添加jQuery事件，如下所示：

<script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  $(document).ready(function() {
    $("#search_wiki").on("click", function() {
      myGoogle();
    });
  });

$（文档）.ready（函数（）{
$（“#搜索_wiki”）。在（“单击”，函数（）{
myGoogle（）；
});
});

以及您制作的html：

<div class="custom_title" contenteditable="true" maxlength="50">
  WRITE YOUR CUSTOM TITLE HERE
</div>
<h1 id="search_wiki">Search wiki</h1>

在这里写下你的自定义标题
搜索维基

将初始化放在函数

变量项中

我会再试一次，但没有成功，因为它没有接收到新的文本更改，请点击@gabykag.Petrioli是的，正是我所期待的，这让我有点疯狂，你也可以有这样的东西，只有

$（“#搜索"维基”）。点击（“点击”，我的谷歌）是的。。但我不在这里工作，我要试试这个
<div class="custom_title" contenteditable="true" maxlength="50">
  WRITE YOUR CUSTOM TITLE HERE
</div>
<h1 id="search_wiki">Search wiki</h1>