如何使用键盘使 Angular CDK 拖放可访问

问题描述 投票:0回答:1

我们的应用程序有一个“表单生成器”,用户可以通过将表单字段拖到表单上来构建表单。我正在研究如何使这个键盘易于访问 - 这样用户就可以......

  • 通过按 Tab 键并按 Enter 键来抓取字段
  • 使用箭头键移动它
  • 再次按 Enter 将其删除

我没有找到有关使用键盘进行 CDK 拖放操作的信息...

有人成功做到过吗?任何人都可以提供一些关于开始以这种方式访问它的好地方的指示吗?

angular drag-and-drop keyboard angular-cdk accessible
1个回答
0
投票

[cdkDragFreeDragPosition]="{ x: xV, y:yV }" 将其添加到要使用箭头键拖动的元素并在输入框中更改 xV 和 yV

© www.soinside.com 2019 - 2024. All rights reserved.