// 添加键盘事件 document.onkeydown = function (e) { // 检查是否显示悬浮窗 if (isPopupVisible) { // 获取所有具有相同类名的图片元素 var imgs = document.querySelectorAll('.preview-image'); var currentIndex = Array.from(imgs).indexOf(img); // 获取当前图片在数组中的索引 switch (e.keyCode) { case 37: // 左箭头键 currentIndex = (currentIndex - 1 + imgs.length) % imgs.length; break; case 39: // 右箭头键 currentIndex = (currentIndex + 1) % imgs.length; break; } // 更新图片源 img.src = imgs[currentIndex].src;这个代码无法正常切换图片

非常抱歉之前的回答仍然有误。根据您提供的代码，问题在于无法正常切换图片。

为了解决这个问题，您可以尝试使用以下修改后的代码：

// 添加键盘事件
document.onkeydown = function (e) {
  // 检查是否显示悬浮窗
  if (isPopupVisible) {
    // 获取所有具有相同类名的图片元素
    var imgs = document.querySelectorAll('.preview-image');
    var currentIndex = Array.from(imgs).indexOf(img); // 获取当前图片在数组中的索引

    // 禁用页面滚动条
    document.body.style.overflow = "hidden";
    
    switch (e.keyCode) {
      case 37: // 左箭头键
        currentIndex = (currentIndex - 1 + imgs.length) % imgs.length;
        break;
      case 39: // 右箭头键
        currentIndex = (currentIndex + 1) % imgs.length;
        break;
    }

    // 更新图片源
    img.src = imgs[currentIndex].src;
  }
};

在上述代码中，我们将禁用页面滚动条的代码移至了键盘事件处理程序的开头，并将启用页面滚动条的代码移除。这样每次按下方向键后都会将页面滚动条禁用，从而避免了滚动条在切换图片时出现问题。

同时，请确保页面结构正确，`img` 元素和 `isPopupVisible` 变量都被正确定义和使用。

希望这次能够解决您的问题！如果还有其他疑问，请随时提问。