From what I've read about CodeMirror I should have onBlur written to my Console Log when I Blur the textarea. Nothing gets echo'd.

var textarea = document.getElementById('block');
var editor = CodeMirror.fromTextArea(textarea, {
    lineNumbers: false,
    content: textarea.value,
    onBlur: function () {
        console.log("onBlur");
    }
});

Have I missed anything out at all?

From what I've read about CodeMirror I should have onBlur written to my Console Log when I Blur the textarea. Nothing gets echo'd.

var textarea = document.getElementById('block');
var editor = CodeMirror.fromTextArea(textarea, {
    lineNumbers: false,
    content: textarea.value,
    onBlur: function () {
        console.log("onBlur");
    }
});

Have I missed anything out at all?

• javascript
• jquery
• codemirror

• 1 For anyone surfing Stack Overflow for answers on legacy builds, the onBlur function within the CodeMirror instance shown above is the correct method for older versions of CodeMirror. Newer versions use editor.on(). – Gagich Commented Feb 4, 2019 at 13:43

1 Answer 1

Bind it using .on() as described in the CodeMirror's Events documentation.

var textarea = document.getElementById('block');
var editor = CodeMirror.fromTextArea(textarea, {
    lineNumbers: false,
    content: textarea.value,
});
editor.on("blur", function(){
    console.log("onBlur");
});