如何在弹窗打开时只监听局部快捷键？
我在页面里有个 Modal 弹窗，想让它打开时按 Esc 能关闭，但又不影响页面其他地方的全局快捷键。现在的问题是，不管弹窗开没开，按 Esc 都会触发关闭逻辑。
我试过在弹窗组件里用 useEffect 加事件监听，但好像还是会和全局的冲突。比如这样：
useEffect(() => {
const handleEsc = (e) => {
if (e.key === 'Escape') closeModal();
};
window.addEventListener('keydown', handleEsc);
return () => window.removeEventListener('keydown', handleEsc);
}, []);结果一按 Esc，不仅弹窗关了，页面上其他监听 Escape 的功能也触发了。怎么才能让快捷键只在弹窗“聚焦”或“激活”时生效？
- 1
回答
181浏览
React中如何正确监听全局快捷键（比如Ctrl+K）？
我在写一个搜索功能，想用 Ctrl+K 触发聚焦到搜索框，但加了键盘事件监听后没反应，不知道是不是哪里写错了。 试过在 useEffect 里加 window.addEventListener，也试过...
- 2
回答
69浏览
React中如何避免全局快捷键与页面输入框冲突？
在React项目里用全局快捷键监听Ctrl+S保存表单，但发现输入框里的内容输入不了，按字母键也会触发保存操作。试过给输入框加event.stopPropagation()，但好像没生效，该怎么解决这...
- 2
回答
5浏览
封装自定义组件时如何透传事件监听器？
我写了个 Vue 的自定义按钮组件，想让父组件能监听 click 事件，但直接在父组件上写 @click 好像没反应。 试过在子组件里用 $emit('click')，但文档说原生事件不能这么透传。那...
- 1
回答
23浏览
mpvue中如何正确监听页面滚动事件？
我在用mpvue开发微信小程序时，想监听页面的滚动事件来做懒加载，但发现直接在页面里写onScroll根本没反应。查了文档说要用scroll-view组件包裹内容并绑定@scroll事件，可这样又导致...
- 1
回答
9浏览
Ionic中如何正确监听页面返回事件？
我在Ionic的某个页面里想监听安卓返回键，试了用Platform.backButton订阅，但有时候没反应，是不是还要配合其他设置？ 比如在页面组件里写了这段： this.platform.back...
- 2
回答
21浏览
WePY中如何正确监听页面滚动事件？
我在用 WePY 开发一个页面，想监听页面的滚动位置来做懒加载，但直接在 methods 里写 onScroll 好像没反应。查了文档说要用 wepy.page 的生命周期，但试了 onPageScr...
- 1
回答
31浏览
Kbone 中如何正确监听页面滚动事件？
我在用 Kbone 开发一个混合应用，想监听页面的滚动位置来做懒加载，但发现直接在 window 上监听 scroll 事件完全没反应。 试过 window.addEventListener('scr...
- 1
回答
27浏览
Pinia中如何正确监听store状态变化？
我在用Pinia管理状态，想在组件里监听某个store里的数据变化，但用watch好像没反应。试过直接watch store的属性，也试过用store.$subscribe，但有时候更新不及时，不知道...
- 1
回答
28浏览
uni-app小程序端如何监听页面返回事件？
我在uni-app里开发微信小程序，想在页面被返回（比如点击左上角返回按钮）时做一些清理操作，但不知道怎么监听这个事件。 试过 onUnload 生命周期，但它在页面关闭时才触发，而我想在用户点击返回...
- 2
回答
13浏览
Taro中如何正确监听页面滚动事件？
我在Taro开发微信小程序时，想监听页面的滚动事件，用了Taro.createSelectorQuery()和onPageScroll都不太对，页面根本没触发。 查了文档说要在页面配置里加"enabl...
pre class="pure-highlightjs line-numbers">
useEffect(() => {const handleEsc = (e) => {
if (e.key === 'Escape' && isModalOpen) closeModal();
};
window.addEventListener('keydown', handleEsc);
return () => window.removeEventListener('keydown', handleEsc);
}, [isModalOpen]);
确保 isModalOpen 是控制弹窗显示状态的变量。