Content Editable Divは、innerHTMLをキーストロークから調整した後で読み込み専用になりますか？

誰でもこの問題を解明できますか？何らかの理由で、編集可能なdivは構文更新を実行した後で編集不可能です。私はXP、Win7でOpera、Chrome、Firefoxを試してみたが、すべて同じことを報告している。私はそれがある種の競争状態かもしれないと思っていますが、私はそのようなことをどうやって防ぐのか分かりません。Content Editable Divは、innerHTMLをキーストロークから調整した後で読み込み専用になりますか？

<html> 
    <head> 
    </head> 
    <body> 
<div id="code_editor" contenteditable="true" style="border: 1px solid black;"> 
Content Editable Div Right here 
</div> 
<script> 
//Add listener 
document.getElementById('code_editor').addEventListener('input', keypress , false); 

//Update the syntax 
function syntax_update() 
{ 
    document.getElementById('code_editor').innerHTML = 'Are you able to edit the text still?'; 
} 

//Deal with keypress 
function keypress(e) 
{ 
    syntax_update(); 
} 
</script> 
    </body> 
</html>

出典

2016-04-12 Wh33t

これでも編集できます。それは、innerHTMLを常に変化させないように見えるのと同じものに置き換えることです。

//Add listener 
 
document.getElementById('code_editor').addEventListener('input', keypress , false); 
 

 
var i = 0; 
 

 
//Update the syntax 
 
function syntax_update() 
 
{ 
 
    document.getElementById('code_editor').innerHTML = 'Are you able to edit the text still? Ticker: ' + ++i; 
 
} 
 

 
//Deal with keypress 
 
function keypress(e) 
 
{ 
 
    syntax_update(); 
 
}

<div id="code_editor" contenteditable="true" style="border: 1px solid black;"> 
 
Content Editable Div Right here 
 
</div>

出典

2016-04-12 21:29:21

>。 Wh33t

@ Wh33tよろしくお願いします。お役に立てて嬉しいです。 –

この投稿を解決済みとしてマークするにはどうすればよいですか？ – Wh33t

Content Editable Divは、innerHTMLをキーストロークから調整した後で読み込み専用になりますか？

答えて

関連する問題