低代码中给模型的子部件（subNodes）添加事件
本帖最后由 yamazaki1201 于 2024-7-15 17:42 编辑功能：在低代码中给某个模型的子物体添加事件
步骤：
1.通过query查询到模型，再获取子部件（模型的 Mesh 列表）
let sonModel = app.query('.Thing').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').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;
});
})
页:
[1]