如何用svelte实现表格中的箭头导航

Question

给定一个包含data.selected=[i,j]和keydown事件监听器的表，可以根据键盘箭头更改坐标，如何以及在何处插入表达式if (i===selected[0] && j = selected[1]) node.focus()？

<table on:keydown='arrow(event.keyCode)'>
  {{#each rows as row, i}}
  <tr>
    {{#each row as val, j}}
    <td tabIndex=1>{{val}}</td>
    {{/each}}
  </tr>
  {{/each}}
</table>

主处理程序可以更改selected的索引，但没有对节点本身的引用。

我已经尝试在模板中插入表达式并在if block中但是我得到了错误。

Answer 1

我可能会这样做 - 将数据属性放在单元格本身上，然后使用RewriteEngine On RewriteCond %{HTTPS} off [OR] RewriteCond %{HTTP_HOST} ^www\. [NC] RewriteRule ^ https://zapstudio.co.uk%{REQUEST_URI} [L,NE,R=301] 找到要调用querySelector的节点。

Here's a demo in the REPL：

.focus()