乐趣区

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

jiezi

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

退出移动版