UiPath注入JS活动触发Fireevent或Onchange事件失效如何解决

问题根因 #

直接调用DOM元素的onchange()方法受页面上下文权限限制，UiPath注入的JS没有直接访问内联onchange绑定函数的权限；fireEvent是旧IE专属API，Chrome、Edge等现代浏览器不支持，因此会触发类型错误。

修正后的JS注入代码 #

使用W3C标准的DOM事件派发机制触发change事件，兼容所有现代浏览器：

function SelectTeamForAccountClosure()
{
    try{
        const teamSelect = document.getElementById('team');
        for ( let i = 0; i < teamSelect.children.length; i++)
        {
            if ( teamSelect.children[i].innerText.trim() === 'Support')
            {
                teamSelect.selectedIndex = i;
                // 构造标准change事件，开启冒泡支持
                const changeEvent = new Event('change', { bubbles: true, cancelable: true });
                teamSelect.dispatchEvent(changeEvent);
                break;
            }
        }
    }catch(e){}
}
SelectTeamForAccountClosure();

如果需要兼容更旧的浏览器版本，可以替换事件构造部分为以下写法：

const changeEvent = document.createEvent('Event');
changeEvent.initEvent('change', true, true);
teamSelect.dispatchEvent(changeEvent);

UiPath侧配置注意事项 #

• 注入JS活动的目标选择器需正确定位到下拉框所在的页面上下文，如果页面存在嵌套iframe，需要先执行切换iframe活动再注入JS
• 注入完成后可增加1~2秒的延迟，等待二级下拉框的选项加载完成后再执行后续操作
• 若仍未触发联动，可以检查team下拉框的绑定事件是否还有input等其他事件类型，对应构造派发对应事件即可

内容的提问来源于stack exchange，提问作者Meghdut Saha