低代码中给模型的子部件（subNodes）添加事件

功能：在低代码中给某个模型的子物体添加事件
步骤：
1.通过query查询到模型，再获取子部件（模型的 Mesh 列表）

1. let sonModel = app.query('.Thing')[0].subNodes

复制代码

2.给子部件添加事件：这里举个鼠标移入移出事件

1. // 鼠标拾取物体设置勾边
   
2.     sonModel.on(THING.EventType.MouseEnter, function (ev) {
   
3.         ev.object.style.outlineColor = '#FF0000';
   
4.     });
   
5.     // 鼠标离开物体取消勾边颜色
   
6.     sonModel.on(THING.EventType.MouseLeave, function (ev) {
   
7.         ev.object.style.outlineColor = null;
   
8.     });

复制代码

总体代码：可直接复制到场景中查看。

1. // 加载场景代码
   
2. var app = new THING.App({
   
3.     url: 'https://www.thingjs.com/static/models/406e419fae9000a47a4a8899'
   
4. });
   
5. 
   
6. // 场景加载完成后执行
   
7. app.on('load', function (ev) {
   
8. 
   
9.     let sonModel = app.query('.Thing')[0].subNodes
   
10. 
    
11.     // 鼠标拾取物体设置勾边
    
12.     sonModel.on(THING.EventType.MouseEnter, function (ev) {
    
13.         ev.object.style.outlineColor = '#FF0000';
    
14.     });
    
15.     // 鼠标离开物体取消勾边颜色
    
16.     sonModel.on(THING.EventType.MouseLeave, function (ev) {
    
17.         ev.object.style.outlineColor = null;
    
18.     });
    
19. 
    
20. })
    

复制代码