当div中的文本发生更改时运行函数

// 获取需要监听的div元素
const divElement = document.querySelector('#divId');

// 创建一个观察器实例
const observer = new MutationObserver(function(mutationsList) {
  for(let mutation of mutationsList) {
    if (mutation.type === 'characterData') {
      // 当div中的文本发生更改时执行的操作
      myFunction();
    }
  }
});

// 配置观察器选项
const config = { characterData: true, subtree: true };

// 用观察器实例开始观察目标节点
observer.observe(divElement, config);

// 当div中的文本发生更改时执行的函数
function myFunction() {
  // 执行相应的操作
  console.log("文本发生更改");
}

<template>
  <div>
    <div id="divId" v-text="text"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: '初始文本'
    }
  },
  mounted() {
    // 监听文本变化
    this.$watch('text', function(newValue, oldValue) {
      // 当div中的文本发生更改时执行的操作
      this.myFunction();
    });
  },
  methods: {
    myFunction() {
      // 执行相应的操作
      console.log("文本发生更改");
    }
  }
}
</script>

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [text, setText] = useState('初始文本');

  useEffect(() => {
    // 监听文本变化
    myFunction();
  }, [text]);

  function myFunction() {
    // 当div中的文本发生更改时执行的操作
    console.log("文本发生更改");
  }

  return (
    <div>
      <div id="divId" onChange={e => setText(e.target.value)}>{text}</div>
    </div>
  );
}

export default MyComponent;