wujie与spreadjs15会造成spread焦点无法失效问题，影响页面其他正常输入框输入

Joestar.Xu

我们项目中使用了spreadjs的15版本，并使用了wujie集成了微应用，现在发现，如果焦点在一个禁用的单元格中，在微应用中切换到基座或其他应用时，spreadjs仍然认为焦点在单元格中，并对非spreadjs中的可输入输入框进行keydown事件进行了劫持，会造成按下BackSpace（退格键）按键时，文字删除不掉，没有反应。

在浏览器中输入了如下代码，对keydown的preventDefault()函数进行监控

const originPreventDefault = KeyboardEvent.prototype.preventDefault;
KeyboardEvent.prototype.preventDefault = function () {
originPreventDefault.call(this);
debugger;
};

复制代码

发现触发的位置位于spreadjs，相关堆栈如下

现在希望spreadjs开发者能够在keydown事件中加一个检测，如果触发事件的元素是spreadjs的输入框，再进行拦截，即不拦截其他输入框。

项目中使用的package.json如下：

"@grapecity/spread-sheets": "~15.2.5",
"@grapecity/spread-excelio": "~15.2.5",
"@grapecity/spread-sheets-charts": "~15.2.5",
"@grapecity/spread-sheets-pdf": "~15.2.5",
"@grapecity/spread-sheets-print": "~15.2.5",
"@grapecity/spread-sheets-resources-zh": "~15.2.5",
"@grapecity/spread-sheets-designer": "~15.2.5",
"@grapecity/spread-sheets-designer-resources-cn": "~15.2.5",
"@grapecity/spread-sheets-designer-react": "~15.2.5",
"@grapecity/spread-sheets-react": "~15.2.5",
"@grapecity/spread-sheets-barcode": "~15.2.5",
"@grapecity/spread-sheets-shapes": "~15.2.5",
"@grapecity/spread-sheets-languagepackages": "~15.2.5",
"@grapecity/spread-sheets-tablesheet": "~15.2.5",
"@grapecity/spread-sheets-pivot-addon": "~15.2.5",
"@grapecity/spread-sheets-slicers": "~15.2.5"

Joestar.Xu · Joestar.Xu

您好，wujie微前端框架重写了窗口addEventListener，并将触发元素重定向到自身，这样一来，原生的src元素将始终是错误的，并指向wujie微前端框架创建的虚拟框架元素。

这个行为破坏了SpreadJS内部的DOM获取逻辑，这意味着wujie微前端框架拒绝用户自己处理事件。就这一点而言，SpreadJS和SpreadJS Designer就无法在wujie微前端框架中运行。

因此不建议您在wujie微前端框架中使用SpreadJS。

顽强的周 · 顽强的周

有没有其他开发者集成无界时遇到过，怎么解决的。

Wilson.Zhang · Wilson.Zhang

您好！由于您教程时间未回复，且从跟帖回复中了解到问题已得到了有效解答，那就结帖了。如有新问题，欢迎发新帖沟通。

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

[已处理] wujie与spreadjs15会造成spread焦点无法失效问题，影响页面其他正常输入框输入

最佳答案

3 个回复

SpreadJS 认证

SpreadJS 高级认证