如何用原生JS实现一个长尾词的双栏穿梭选择框功能？

本文共计979个文字，预计阅读时间需要4分钟。

目录- 使用方式- 结构分支- 代码- 使用方式- 用直观的方式在两列中移动元素，完成选择行为。- 选择一个或多个选项后，点击对应的方向键，可以将选中的选项移动到另一列。- 其中，左侧表示目录。

目录

• 何时使用
• 结构分支
• 代码

何时使用

用直观的方式在两栏中移动元素，完成选择行为。

选择一个或以上的选项后，点击对应的方向键，可以把选中的选项移动到另一栏。 其中，左边一栏为 source，右边一栏为 target，API 的设计也反映了这两个概念。

话不多说，上代码。