如何使用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
相关产品推荐
相关产品推荐

