從觸發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>