inline editor, the change event not firing

[ivan]

Hi, 

I have a div based inline editor,  it could run, but the change event will not fire.
the div:

var textareastr="<div contentEditable id=\'ctle\'></div>";
jQuery("#test").append(textareastr);

the kendoeditor:<br>jQuery("#ctle").kendoEditor();
 var editor = jQuery("#ctle").data("kendoEditor");
editor.bind("change",function(event) {
            var script=this.value();
            alert("b:"+script);
            });

You can test above code.

The inline editor do need the change event. because this is the time we can post the data to the server.

yours,
Ivan

[Alexander Popov]

Hello Ivan,

I tried to reproduce the issue here, but everything seems to be working as expected. Could you please take a look at the example and let me know if I am doing something differently?

Regards,
Alexander Popov
Telerik

[ivan]

Hello Alexander,
Thank you for your feed back!

I found the reason:
 jQuery("#test").bind("blur",{msgp: sendp} ,function(event) { 
//something
});

I bind a blur event to the "#test" element after the kendoUI creation.
I remove it, the problem is gone.

Why the event on the source element will affect the kendoUI editor?
Yours,
Ivan

[Alexander Popov]

Hello again Ivan,

Basically attaching a blur event handler to a div element shouldn't affect the Editor in any way, so I am not sure what exactly caused the issue in your case. Under normal circumstances div elements should even trigger the blur event, as you can see in this updated example.

Regards,
Alexander Popov
Telerik

[ivan]

Hello your self Alexander,
any way, it makes the problem gone.
I can repeat the problem when I bind the blur event to the div. the div is generated and the blur event is binded later(after the kendoeditor's creation.

yours,
ivan

[Charlie]

Actually I ended up using this

$("[data-role=editor]").on('blur', function (event) {
   me.onEditorChange(event)
})

For attaching a blur handler to the editor, now I can tell when the editor loses focus regardless of wether the contents change or not.