共计 1385 个字符,预计需要花费 4 分钟才能阅读完成。
事件就是用户或浏览器本身执行的某种动作,而响应某个事件的函数就叫做事件处理程序 (或事件侦听器)。事件处理程序的名字以 “on” 结尾,比方 click 事件的事件处理程序就是 onclick。上面我将持续学习数字孪生可视化场景中如何卸载事件、暂停和复原事件、自定义事件。
卸载事件
如果内存中保留大量无用的事件处理程序,会影响性能。所以肯定要在不须要的时候及时移除事件处理程序。须要卸载一个事件的时候应用 off() 办法。这样就把所有的数字孪生可视化 building 下的 click 事件都革除了。假如这个数字孪生可视化物体有多个 marker,找到其中一个卸载掉事件,不影响其余 marker 和后创立的 marker。
app.on("click", function(event) {console.log("you click!");
});
// 卸载
app.off("click");
app.on("click", ".Building", function(event) {console.log("you click!");
});
// 卸载
app.off("click", ".Building");
app.on("click",".Building",function(event) {console.log("you click 1 !");
},"tag1");
// 卸载
app.off("click", ".Building", "tag1");
注意事项:
若绑定数字孪生可视化事件时,增加了条件,则 off 第二个参数必须传条件,如果没有条件,又须要传 tag,须要将条件传 null。
暂停和复原事件
如果 off 掉一个事件,要想复原,有时候比拟难,就会找不到之前的回调办法了。面对这种状况,提供 pauseEvent 办法,用于暂停事件,它的管制办法和规范相似于 off。
app.on("click",".Building",function(event) {console.log("you click!");
},"tag1");
// 暂停
app.pauseEvent("click", ".Building", "tag1");
// 复原
app.resumeEvent("click", ".Building", "tag1");
自定义事件
ThingJS 内置了很多事件,但如果本人写模块的时候,也须要触发事件,该如何操作?内部注册还是应用 on,在须要触发的中央能够应用 trigger 接口来对外触发事件。
比方在写一个数字孪生可视化报警管理器:
class AlamrManager {constructor() {......}
enable() {
......
app.trigger("AlarmEnable")
......
}
setObjAlarm(obj, alarmLevel) {
......
obj.trigger("alarm", {"level":alarmLevel} )
......
}
}
内部注册如下:
app.on("AlarmEnable", function(ev){......})
app.query(".Thing").on("alarm",function(ev){if(ev.level == "critical"){......}
......
})
—————————————————
数字孪生可视化:https://www.thingjs.com/
正文完
发表至: javascript
2021-07-02