从触发CONTENTEDITABLE焦点/模糊/改变通过jQuery

Question

我想CONTENTEDITABLE变化和下面的代码中包含“单击”事件的作品后更新，但不能与“专注”，“变”，等

寻找一种明智的方式来运行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>