本帖最后由 yamazaki1201 于 2024-7-15 17:42 编辑
功能：在低代码中给某个模型的子物体添加事件
步骤：
1.通过query查询到模型，再获取子部件（模型的 Mesh 列表）
- let sonModel = app.query('.Thing')[0].subNodes
2.给子部件添加事件：这里举个鼠标移入移出事件
- // 鼠标拾取物体设置勾边
- sonModel.on(THING.EventType.MouseEnter, function (ev) {
- ev.object.style.outlineColor = '#FF0000';
- });
- // 鼠标离开物体取消勾边颜色
- sonModel.on(THING.EventType.MouseLeave, function (ev) {
- ev.object.style.outlineColor = null;
- });
总体代码：可直接复制到场景中查看。
- // 加载场景代码
- var app = new THING.App({
- url: 'https://www.thingjs.com/static/models/406e419fae9000a47a4a8899'
- });
- // 场景加载完成后执行
- app.on('load', function (ev) {
- let sonModel = app.query('.Thing')[0].subNodes
- // 鼠标拾取物体设置勾边
- sonModel.on(THING.EventType.MouseEnter, function (ev) {
- ev.object.style.outlineColor = '#FF0000';
- });
- // 鼠标离开物体取消勾边颜色
- sonModel.on(THING.EventType.MouseLeave, function (ev) {
- ev.object.style.outlineColor = null;
- });
- })
|
|
|
|
|
|
|
|
|
|
347
0
