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

Question

我有以下html：

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

然后我做：

$("#search_wiki").on("click", function() {
  myGoogle();
});

调用者：

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

然而，当我更改该 div 上的文本时，控制台仍然显示旧文本而不是新文本

Answer 1

只需在 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();
    });
  });

以及您制作的 html：

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

Answer 2

它在 sn-p 中工作正常：

$("#search_wiki").on("click", function() {
  myGoogle();
});

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="custom_title" contenteditable="true" maxlength="50">
   WRITE YOUR CUSTOM TITLE HERE
</div>

<h1 id="search_wiki">Search wiki</h1>