单击元素-联动-监听事件方案

单击元素-联动-监听事件-修改元素值
HTML
|
运行代码
//step1: 监听E_EVENT_KEY.focusChange时间
thinkEditor.addEventListener(E_EVENT_KEY.focusChange, OnFocusChange);
//step2: 判断单击事件 并联动设置out1、out2元素的值
const OnFocusChange = async (e) => {
  let data = e.data.data;
  if (data.method == "click" /*单击触发*/) {
    let element = data.element;
    if (element !== undefined) {
      /******************
       * 使用SetElementContent or SetElementsContent 设置目标元素值
       * *******************/
      if (element.id == "sex1") {
        thinkEditor.SetElementContent("out1", "1");
        thinkEditor.SetElementContent("out2", "1");
      } else if (element.id == "sex2") {
        thinkEditor.SetElementsContent([
          { id: "out1", content: "2" },
          { id: "out2", content: "2" },
        ]);
      } else if (element.id == "sex9") {
        thinkEditor.SetElementsContent([
          { id: "out1", content: "9" },
          { id: "out2", content: "9" },
        ]);
      } else if (element.id == "sex0") {
        thinkEditor.SetElementsContent([
          { id: "out1", content: "0" },
          { id: "out2", content: "0" },
        ]);
      }
    }
  }
};

单击元素-联动-JavaScript脚本方案

step1: 通过UI 在元素配置 单击需要执行的JavaScript脚本语句

step2: 单击元素-自动执行指定脚本

单击元素-联动-监听事件-修改元素值
HTML
|
运行代码
 if (eleId == "sex1") {
        thinkEditor.SetElementContent("out1", "1");
        thinkEditor.SetElementContent("out2", "1");
      } else if (eleId == "sex2") {
        thinkEditor.SetElementsContent([
          { id: "out1", content: "2" },
          { id: "out2", content: "2" },
        ]);
      } else if (eleId == "sex9") {
        thinkEditor.SetElementsContent([
          { id: "out1", content: "9" },
          { id: "out2", content: "9" },
        ]);
      } else if (eleId == "sex0") {
        thinkEditor.SetElementsContent([
          { id: "out1", content: "0" },
          { id: "out2", content: "0" },
        ]);
      }
文档更新时间: 2025-04-24 23:49   作者:admin