通过jQuery从contenteditable触发焦点/模糊/更改
我试图在contenteditable更改后进行更新,下面的代码可以处理“单击”等事件,但不能处理“焦点”、“更改”等事件 寻找一种明智的方式来运行ajax更新,而不是每次单击或诸如此类的操作 有没有办法从contenteditable触发这些事件通过jQuery从contenteditable触发焦点/模糊/更改,jquery,html,Jquery,Html,我试图在contenteditable更改后进行更新,下面的代码可以处理“单击”等事件,但不能处理“焦点”、“更改”等事件 寻找一种明智的方式来运行ajax更新,而不是每次单击或诸如此类的操作 有没有办法从contenteditable触发这些事件 $("#resume_holder").contents().on("click", function(e) { var txt = $(e.target).closest("section").html(); var id = $(e.tar
$("#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(){
}
});
});
$(“#简历持有人”).contents()。在(“单击”上,函数(e){
var txt=$(e.target).closest(“section”).html();
var id=$(e.target).closest(“section”).attr(“id”);
警报(txt+“”+id);
$.ajax({
键入:“POST”,
url:“”,
数据:{
编辑_id:id,
编辑值:txt
},
成功:功能(msg){
},
错误:函数(){
}
});
});
部分问题在于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>
$(文档).ready(函数(){
$(“#resume_holder”).ready(函数(){
$(“#resume_holder”).contents().find(“[contenteditable]”)。打开(“模糊”,函数(e){
var txt=$(e.target).closest(“section”).html();
var id=$(e.target).closest(“section”).attr(“id”);
$.ajax({
键入:“POST”,
url:“”,
数据:{
编辑_id:id,
编辑值:txt
},
成功:功能(msg){
},
错误:函数(){
}
});
});
});
});