【V15】EditStarting事件，如何判断是否是由Backspace按键触发的？

收藏

如题，需要对退格键引发的Editstarting做特殊处理，有什么方式可以区分退格和其他方式出发的编辑事件么？

Wilson.Zhang · Wilson.Zhang

您好！可以结合DOM的事件监听机制和SpreadJS支持的监听事件，在SpreadJS监听到EditStarting事件时，监听document的keyup事件的按键是否为Backspace或其他指定按键，针对监听结果做相应处理。
如下代码即上述方案实现，可参考：

// 定义keyup事件处理函数
function handler(event) {
console.log("event: ", event);
if (event.key === 'Backspace' || event.code === 8) {
console.log("press key: ", event.key);
}
}
sheet.bind(GC.Spread.Sheets.Events.EditStarting, function(e, args) {
console.log("EditStarting event args: ", args);
// 添加 keyup 事件**
document.addEventListener('keyup', handler);
// 在处理结束后移除 keyup 事件处理
function removeHandler() {
console.log("Edit completed, removing keyup listener.");
document.removeEventListener('keyup', handler);
}
setTimeout(removeHandler, 5000);
});

复制代码

Kin7 · Kin7

Wilson.Zhang 发表于 2024-7-29 15:20
您好！可以结合DOM的事件监听机制和SpreadJS支持的监听事件，在SpreadJS监听到EditStarting事件时，监听doc ...

keyup事件晚于EditStarting，不符合需求。我发现document监听不到keydown事件是为什么？

Wilson.Zhang · Wilson.Zhang

Kin7 发表于 2024-7-29 16:51
keyup事件晚于EditStarting，不符合需求。我发现document监听不到keydown事件是为什么？

document可以监听到keydown事件，只是对于Backspace键的keydown事件会在第二次响应。楼上的代码实际运行时，当Backspace按键按下后，EditStarting事件、keyup事件都有响应。从打桩consol语句来看，EdistStarting的console语句执行后进入keyup事件的处理函数，此时仍然能记录到按键是Backspace。综上，从运行时的传播来看，在一定程度上可以辅助完成逻辑。

Joestar.Xu · Joestar.Xu

您好，由于本帖较长时间没有回复，本帖先做结贴处理了，后续如您有其他问题，欢迎您开新帖提问。

		自动登录	找回密码
密码			立即注册

[已处理] 【V15】EditStarting事件，如何判断是否是由Backspace按键触发的？

4 个回复

SpreadJS 认证

SpreadJS 高级认证