Question

我正在尝试更改div中的内容，当用户键入其他div时。一切正常： JSFiddle

但是当我在另一个div中插入这些div时（我在HTML编辑器中插入这些div是可编辑的div） - 它根本不起作用。怎么能阻止这个？

＆＃13;

$(document).keyup(function() {
  var add_title = $("#add_title").html();
  $("#title").html(add_title);
});

＆＃13;

* {
  box-sizing: border-box;
}

.input {
  display: inline-block;
  min-width: 400px;
  min-height: 40px;
  padding: 10px;
  border: 1px solid blue;
}

.title {
  margin-bottom: 10px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=title class=title>default</div>
<div id=add_title class=input contenteditable=true></div>

＆＃13;

Answer 1

试试这个。

$(document).on('keyup','.input',function () {
var add_title = $(this).html();
$( "#title" ).html(add_title);
});

您似乎在向页面添加动态元素，而对于那些元素，它无法正常工作。如果这是问题，那么你必须更多地研究事件委托。上述代码有望解决您的问题。

尝试更改div内容，但Jquery事件无法正常工作

1 个答案: