如何獲取內容可編輯div的新文本？

我有以下的html：如何獲取內容可編輯div的新文本？

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

然而，控制檯劇照給我老的文本，而不是新的

來源

2017-09-21 rob.m

把初始化內函數'var termS;' – guradio

我給它另一種嘗試卻是行不通的，因爲它沒有拿起新的文本改變 –

在https://jsfiddle.net/84n6tdm1/ –

它工作正常的片斷：

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

來源

2017-09-21 00:57:43

是啊..但沒有工作就在這裏，我要去試試這個https://stackoverflow.com/a/6256386/1018804 –

上的事件只需添加jQuery的ready事件裏面像這樣：

<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>

來源

2017-09-21 01:18:41

如何獲取內容可編輯div的新文本？

回答

相關問題