Comment obtenir le nouveau texte d'un div modifiable de contenu?

Question

J'ai le code html suivant:

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

Alors je:

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

qui appelle:

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

Pourtant, quand je change le texte sur cette div, les images fixes de la console donne moi le vieux texte et pas le nouveau

Answer 1

Cela fonctionne très bien dans l'extrait:

$("#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>

Answer 2

Il suffit d'ajouter jQuery sur les événements à l'intérieur de l'événement prêt comme ceci:

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

et le code HTML que vous avez fait:

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