You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用JavaScript禁用Photoswipe的左右箭头按键?

如何禁用Photoswipe的左右箭头按键?

下面提供两种针对性的解决方案,根据你的需求选择:

1. 完全禁用所有键盘快捷键

如果不需要任何键盘控制(包括ESC关闭、左右箭头切换等),直接在Photoswipe初始化配置中设置:

var gallery = new PhotoSwipe(/* 你的容器、UI、数据源参数 */, PhotoSwipeUI_Default, {
  keyboard: false
});
gallery.init();

2. 仅禁用左右箭头,保留其他键盘功能

如果你想保留ESC关闭等其他按键功能,只禁用左右箭头切换,可以通过自定义keyboard配置对象实现:

var gallery = new PhotoSwipe(/* 你的容器、UI、数据源参数 */, PhotoSwipeUI_Default, {
  keyboard: {
    left: false,    // 禁用左箭头
    right: false,   // 禁用右箭头
    esc: true       // 保留ESC关闭功能
    // 其他可选按键:up、down、pageUp、pageDown等,按需设置true/false
  }
});
gallery.init();

关于你之前尝试的事件监听方法无效的原因

你直接监听window的keydown事件优先级低于Photoswipe内部的键盘事件处理逻辑,而且判断目标元素为按钮也不准确——Photoswipe的键盘切换逻辑并不依赖按钮元素触发,而是直接监听键盘事件执行切换动作,所以官方配置项才是最可靠的解决方式。

内容的提问来源于stack exchange,提问作者kein-404

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 00:32:03