Summernote onKeyup 事件未按预期工作

2024-05-02

我将 Summernote 编辑器应用于文本区域,我希望当我在编辑器中键入一些文本时,该文本应反映在 div 中,因此我有一个文本区域和一个 div#result,其中应在每次按键时写入更改事件 :

<textarea class="description"></textarea>

<br>

<div id="result">Text should change here</div>

我正在使用回调 onKeyup :

$('.description').summernote({
  callbacks: {
    onKeyup: function(e) {
      $("#result").html($('.description').val());
    }
  }
});

这是用于演示目的的 jsfiddle:

https://jsfiddle.net/vLdhpx5t/1/ https://jsfiddle.net/vLdhpx5t/1/

当我输入一些连续文本时,div 中的内容不会更改,或者至少不会更改以完全匹配我的 Summernote 编辑器的内容


这好像是夏日笔记 http://summernote.org/需要时间来完成工作(更新编辑器窗口)...

200 毫秒的超时解决了这个奇怪的问题。

$('.description').summernote({
  callbacks: {
    onKeyup: function(e) {
      setTimeout(function(){
        $("#result").html($('.description').val());
      },200);
    }
  }
});

更新了小提琴 https://jsfiddle.net/Bes7weB/jtd7Lnfy/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Summernote onKeyup 事件未按预期工作 的相关文章

随机推荐