在gutenberg块中编写时产生动态反应由JQUERY

如何解决在gutenberg块中编写时产生动态反应由JQUERY

我正在尝试从我关注的gutenberg块中获取.text（）信息。但是我不知道为什么我不能使它工作。我有以下HTML代码：

但是，当我在块内单击时，块gutenberg类会动态更改（类：被选中和被悬停）：

我只想在编写时创建一个console.log，并在焦点栏中输入文本。所以我创建了以下代码：

<script>
jQuery(document).ready(function(){

jQuery("p[role='textBox']").each(function(){
    jQuery(this).focus(function(){
        jQuery(this).on("keyup",function(){
          let texto = jQuery(this).text();
          console.log(texto);  
            })
        })
    })
})
</script>