Javascript 如何在codemirror文本编辑器中使用onchange、onmouseup事件

我使用我的文本编辑器作为代码镜像。通常，当我尝试在textarea中使用dom事件（如

onmouseup、onchange、oninput）时，它可以工作，但在集成了codemirr之后，它就不工作了。请告诉我在文本编辑器中调用这些事件的正确方法

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


函数myFunction（）{
document.getElementById（'demo'）.innerHTML=“onchange函数..”；}
函数第二（）{
document.getElementById（'second'）.innerHTML=“mouseup函数..”；}

在集成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>


变量编辑器=CodeMirror.fromTextArea
（document.getElementById（'editor'）{
模式：“text/x-java”，
行号：对，
自动关闭标签：正确，
tabSize:5
});
编辑器。设置大小（“1000”、“450”）；
函数myFunction（）{
document.getElementById（'demo'）.innerHTML=“onchange函数..”；}
函数第二（）{
document.getElementById（'second'）.innerHTML=“mouseup函数..”；}
因为文本区域是隐藏的，所以这些事件实际上没有发生在文本区域上，所以您需要将这些事件绑定到
.codemirr
元素，如下所示：

$(document).on('mouseup', '.CodeMirror', function() {
    // do something...
});
$(document).on('change', '.CodeMirror', function() {
    // do something...
});

另外，我使用
keyup
而不是
change
事件，因为您必须单击
.codemirr
以运行更改功能