如何通过脚本实现键盘监听
应用场景
将键盘交互事件做为一个DTwin的变量输入,供3D场景使用。
操作步骤
编辑脚本—> 增加空对象并挂载脚本组件—>脚本监听变量的使用
Step1(编辑脚本)
在资源视窗区域,选在脚本栏,新增脚本。
脚本内容如下:
{ start: function (self, ctx) {
// 添加键盘事件监听, 添加 KeyCode.
document.addEventListener('keydown', (e) => {
self.setParameter('__keycode__', e.key); }); },}
{ start: function (self, ctx) {
// 添加键盘事件监听, 添加 KeyCode.
document.addEventListener('keydown', (e) => {
self.setParameter('__keycode__', e.key); }); },}
注:__keycode__为脚本设置的脚本监听变量,后续使用时数据变量应为__keycode__,同时我们也可以根据自己的需要在脚本中设置其他变量名。
Step2(增加空对象并挂载脚本组件)
在场景中增加空对象,并挂载脚本组件,同时选择已经完成键盘监听脚本。根据需要选择脚本执行范围。

Step3(键盘监听变量的使用)
可以通过指令组件来使用键盘监听变量。
例如想让按键盘“1”时执行某个动作,执行条件可以配置为:#{__keycode__} == 1
实例如下:

实例说明:当按键盘“1”时,通过内置的visible属性变更,让目标对象(立方体)隐藏。