Включение фокуса / размытия / перехода от contenteditable через jQuery

Question

Я пытаюсь выполнить обновление после допустимых изменений, и приведенный ниже код работает с такими событиями, как «щелчок», но не с «фокусом», «изменением» и т. Д.

В поисках разумного способа запуска обновлений ajax вместо каждого клика или чего-то в этом роде.

Есть ли способ вызвать эти события из contenteditable?

$("#resume_holder").contents().on("click", function(e) {

 var txt = $(e.target).closest("section").html();
 var id = $(e.target).closest("section").attr('id');

 alert(txt+' '+id);
            $.ajax({
                    type : 'POST',
                    url : '<?php echo site_url('resume/edit_resume_ajax'); ?>',
                    data: {
                        edit_id : id,                               
                        edit_value: txt
                    },
                    success : function(msg){
                    },
                    error: function(){

                    }
                }); 

}); 

Answer 1

Отчасти проблема заключалась в том, что iframe не был готов. Код ниже работает:

<script>

$(document).ready(function() {

$("#resume_holder").ready(function () {     

$('#resume_holder').contents().find('[contenteditable]').on("blur", function(e) {

     var txt = $(e.target).closest("section").html();
     var id = $(e.target).closest("section").attr('id');

                $.ajax({
                        type : 'POST',
                        url : '<?php echo site_url('resume/edit_resume_ajax'); ?>',
                        data: {
                            edit_id : id,                               
                            edit_value: txt
                        },
                        success : function(msg){
                        },
                        error: function(){

                        }
                    }); 
                }); 
            });

 });    
    </script>