我的例子:
$(document).on('keyup', '[contenteditable=true]', function (e) {
let _this = $(this), text = _this.text();
if (text.length === 1) {
let span = $('<span>').text(text);
_this.html(span);
}
console.log(_this.html());
});Run Code Online (Sandbox Code Playgroud)
[contenteditable=true] {
border: 1px solid #ccc;
}Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div contenteditable="true"></div>Run Code Online (Sandbox Code Playgroud)
我的问题:如果我以正常速度在div中键入一些文本(超过1个字符),则代码可以正常工作。但是,当我尝试快速键入文本时,没有将<span>标签附加到div。
我该如何解决?