相关疑难解决方法(0)

键盘事件正在降低性能

我的例子:

$(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。

我该如何解决?

html javascript jquery keyup

2
推荐指数
1
解决办法
1639
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1

keyup ×1