Adobe Animate中TextInput实现RGB混合点击无响应问题排查

API 探路者

2026-7-23

Adobe Animate RGB混合按钮无响应问题修复

原代码的核心问题：

直接用TextInput实例（比如r1）做数值判断，实际应该取它的text内容转成数字再判断
字符串直接相加会拼接（比如输入20和30，r1.text + r2.text会变成"2030"而不是50），必须先转成数值类型
错误覆盖了组件实例变量（比如r3 = Math.round(...)把原本指向TextInput的r3改成了数值，后续r3.text会报错）

修正后的代码：

// 保留组件实例引用
var r1 = this.r1;
var g1 = this.g1;
var b1 = this.b1;
var r2 = this.r2;
var g2 = this.g2;
var b2 = this.b2;
var r3 = this.r3;
var g3 = this.g3;
var b3 = this.b3;

this.blend_btn.addEventListener("click", Blending);

function Blending(evt) {
    // 处理R通道：先转数字，再校验范围，最后计算赋值
    var rVal1 = Number(r1.text);
    var rVal2 = Number(r2.text);
    if (!isNaN(rVal1) && rVal1 >= 0 && rVal1 <= 255 && !isNaN(rVal2) && rVal2 >=0 && rVal2 <=255) {
        var rResult = Math.round((rVal1 + rVal2)/2);
        r3.text = String(rResult);
    }

    // 处理G通道
    var gVal1 = Number(g1.text);
    var gVal2 = Number(g2.text);
    if (!isNaN(gVal1) && gVal1 >= 0 && gVal1 <= 255 && !isNaN(gVal2) && gVal2 >=0 && gVal2 <=255) {
        var gResult = Math.round((gVal1 + gVal2)/2);
        g3.text = String(gResult);
    }

    // 处理B通道
    var bVal1 = Number(b1.text);
    var bVal2 = Number(b2.text);
    if (!isNaN(bVal1) && bVal1 >= 0 && bVal1 <= 255 && !isNaN(bVal2) && bVal2 >=0 && bVal2 <=255) {
        var bResult = Math.round((bVal1 + bVal2)/2);
        b3.text = String(bResult);
    }
}