关于javascript:从零开始学习3D可视化之事件卸载事件暂停

事件就是用户或浏览器本身执行的某种动作，而响应某个事件的函数就叫做事件处理程序 (或事件侦听器)。事件处理程序的名字以 "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/