javascript - 按退格键后如何保留 `h1` 内容的首字母

Question

如何在按退格键后保留h1内容的第一个字母。这里我使用了 keyup 函数，但它不允许在 h1 中写入。有人知道怎么做吗？

这是链接:https://jsfiddle.net/5brr7sj1/3/

代码:

$(document).ready(function(){

var txt = $('.editor').text();
var splitTxt = txt.split('');

 $('.editor').keyup(function(){ 
 $(this).text(splitTxt[1]);
 });

});

.editor {
  border:1px solid #d9d9d9;
  height:40px;
  line-height:40px;
  padding:0 15px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<h1 contenteditable="true" class="editor">
    Click here to edit content
</h1>

Answer 1

你看起来像这样吗https://jsfiddle.net/5brr7sj1/14/

$(document).ready(function(){

var txt = $('.editor').text();
var splitTxt = txt.split('');

 $('.editor').keyup(function(){ 
 if($('.editor').text().length == 0){
    $(this).text(splitTxt[1]);
 }

 });

});