如何解决在内容中使用 tabkey 导航时没有焦点事件
我有一个包含 3 列的表格。每个单元格都有一个 tabindex='0'、一个焦点和一个模糊事件。 如果我用鼠标从一个单元格单击到下一个单元格,则会触发所有事件。如果我使用 Tabkey,光标会从一个单元格跳到另一个单元格,但这些单元格没有获得焦点,因此不会触发事件。 我怎么能用 tabkey 聚焦下一个单元格?
这里是部分 HTML 内容。我去掉了样式,这样更清晰
<body id="tinymce" class="mce-content-body " spellcheck="false" contenteditable="true">
<table style="border-collapse: collapse; width: 100%; height: 57px;" data-mce-selected="1" border="1">
<tbody>
<tr style="height: 19px;" data-mce-style="height: 19px;">
<td class="currency" tabindex="0">11.111.000 €</td>
<td class="currency" tabindex="0">12.111.000 €</td>
<td><br></td>
</tr>
<tr style="height: 19px;" data-mce-style="height: 19px;">
<td class="currency" tabindex="0">2.543.000 €</td>
<td class="currency" tabindex="0">2.345.000 €</td>
<td><br></td>
</tr>
</tbody>
</table>
...
以及用于 focuslistener 的 Javascript。如果我使用 focus 和 blur 而不是 focusin 和 focusout 也是一样的
// add focuslistner to tablecells to handle changes,tabindex is required for tablecells to except focuslistener
function initFocusListener(node){
tinymce.activeEditor.dom.setAttrib(node,'tabindex','0');
tinymce.activeEditor.dom.bind(node,'focusin',function(e){convertToNumber(node);});
tinymce.activeEditor.dom.bind(node,'focusout',function(e){convertToCurrency(node);});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。