Как использовать onchange, событие onmouseup в текстовом редакторе codemirror - PullRequest
Новая
       20

Как использовать onchange, событие onmouseup в текстовом редакторе codemirror

0 голосов
/ 17 января 2019

Я использую свой текстовый редактор как codemirror. Обычно, когда я пытаюсь использовать событие dom типа onmouseup, onchange, oninput в textarea, оно работает, но после интеграции codemirror, оно не работает. Пожалуйста, скажите мне правильный способ вызвать эти события в моем текстовом редакторе.

Без codemirror, все работает. 

<textarea id="editor" rows="30" cols="100" onchange="myFunction()" onmouseup="second();"></textarea>        
<div id="demo"></div>
<div id="second"></div> 
<script>
  function myFunction() {
       document.getElementById('demo').innerHTML="The onchange function..";}    
  function second() {
       document.getElementById('second').innerHTML="The mouseup function..";}
</script>

При интеграции текстового редактора codemirror он не работает. Вот код: 

<textarea id="editor" onchange="myFunction()" onmouseup="second();"></textarea>
<div id="demo"></div>
<div id="second"></div> 
<script>
    var editor = CodeMirror.fromTextArea
    (document.getElementById('editor'),{
            mode:"text/x-java",
            lineNumbers:true,
            autoCloseTags:true,
            tabSize:5       
    });
    editor.setSize("1000", "450");              
    </script>       
    <script>
    function myFunction() {
          document.getElementById('demo').innerHTML="The onchange function..";}         
    function second() {
         document.getElementById('second').innerHTML="The mouseup function..";}

    </script>
...