Windows 10 Cordova应用中jQuery Mobile致下拉选择框滚动异常

嘿，我之前做Cordova Windows应用时也踩过类似的jQuery Mobile下拉框坑，结合你的情况，给你几个实用的解决方案：

方案1：禁用jQuery Mobile对目标下拉框的增强 #

既然纯HTML的select在Cordova里能正常工作，那最直接的办法就是让jQuery Mobile别“改造”这个出问题的下拉框。给你的select标签加上data-role="none"属性，它就会保留原生的行为逻辑：

<select data-role="none" id="large-option-select">
  <!-- 你的30+个选项 -->
</select>

优点是快速见效，缺点是会丢掉jQuery Mobile的下拉框样式，适合对UI样式要求不高的场景。

方案2：修正jQuery Mobile的事件判定逻辑 #

如果不想放弃jQuery Mobile的样式，可以尝试修改它的事件监听逻辑——问题大概率是它把滚动条上的鼠标释放误判成了点击下拉框外部。在deviceready事件触发后，添加这段代码：

document.addEventListener("deviceready", function() {
  // 拦截下拉框弹窗的鼠标释放事件
  $(document).on('vmouseup', '.ui-selectmenu.ui-popup', function(e) {
    // 判断释放动作是否发生在滚动区域内
    const isScrollArea = $(e.target).closest('.ui-scrollview').length > 0 || $(e.target).is('.ui-scrollbar');
    if (isScrollArea) {
      e.stopPropagation(); // 阻止事件冒泡
      return false; // 不让jQuery Mobile执行关闭逻辑
    }
  });
}, false);

这段代码会在检测到鼠标是在滚动条区域释放时，阻止下拉框的关闭逻辑，避免误判。

方案3：调整Cordova Windows平台的配置 #

有时候Cordova对Windows平台的鼠标/触摸事件模拟不够精准，你可以在config.xml里添加以下偏好设置试试：

<!-- 开启Windows平台的鼠标指针支持 -->
<preference name="WindowsEnableMousePointer" value="true" />
<!-- 确保URI前缀正确 -->
<preference name="WindowsDefaultUriPrefix" value="ms-appx:///" />

调整这些配置可能会改善Cordova对鼠标事件的识别准确性，减少误判的概率。

额外排查建议 #

• 检查你的jQuery Mobile版本，旧版本可能存在Windows平台的特定bug，尝试升级到最新的稳定版；
• 测试在不同版本的Windows 10系统上是否都出现这个问题，排除系统版本兼容性的影响。

内容的提问来源于stack exchange，提问作者shyam.y