jQuery .change()函数在移动设备上无法正常工作的问题排查

问题场景 #

切换选择器选项时通过jQuery修改元素的src属性，该功能在桌面端各类浏览器中正常运行，但在iOS 16.1.2系统的最新版Safari和Chrome浏览器中完全失效，使用的jQuery版本为3.6.3。调试过程中未捕获到任何异常报错，改用原生JavaScript重写代码后功能恢复正常。

原jQuery代码 #

$('#selector').change(function() {
    model.setAttribute('src', path + $(this).val().trim()+'.glb');
});

解决方法：改用原生JavaScript实现 #

document.getElementById('selector').addEventListener('change', function() {
    // 直接赋值src属性或使用setAttribute均可
    model.src = path + this.value.trim() + '.glb';
    // 也可使用：model.setAttribute('src', path + this.value.trim() + '.glb');
});

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