单击元素-联动-监听事件方案
单击元素-联动-监听事件-修改元素值
//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: 单击元素-自动执行指定脚本
单击元素-联动-监听事件-修改元素值
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