在前端开发中，处理文本字符串是很常见的需求，如在输入框中通过光标位置将字符串拆成多个字符串，而 npm 上的 split-at-cursor 包就为我们提供了便捷的实现方案。
安装
使用 npm 安装 split-at-cursor 包。
npm install split-at-cursor
使用
使用 split-at-cursor 分割字符串，需要先创建一个目标元素，并使用 oninput 事件监听输入框输入变化。
-- -------------------- ---- -------
------ ----------- ----------------
---- ------------------
--------
----- --------- - --------------------------------------
----- ------ - ----------------------------------
----------------------------------- - -- -
----- ----------- - -------------------------
----- ----- - ----------------
----- -------------- ------------ - -------------------- -------------
---------------- - --------------------------------------------
---
---------在事件处理函数中，通过 textInput.selectionStart 获取光标所在位置，再将输入框的值和光标位置传入 splitAtCursor 函数，得到分割后的两个字符串，最后将结果输出到目标元素。
示例
以下代码演示了 split-at-cursor 包的使用：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------------- ----------
-------
------
------ ----------- ----------------
---- ------------------
------- ----------------------------------
--------
----- --------- - --------------------------------------
----- ------ - ----------------------------------
----------------------------------- - -- -
----- ----------- - -------------------------
----- ----- - ----------------
----- -------------- ------------ - -------------------- -------------
---------------- - --------------------------------------------
---
---------
-------
-------运行后，在输入框中输入任意字符，即可在目标元素中看到被光标拆分的两个字符串。
指导意义
split-at-cursor 包是处理文本字符串的易用工具，其优点在于它非常易用并可以快速实现光标分割字符串的需求，使用该包能够大大提升开发效率。
在实际项目开发中，我们可以将 split-at-cursor 包应用于表单验证、搜索引擎、文本编辑器等方面。这些场景下需要用到光标位置分割字符串，具体实现细节可参考实际业务场景。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600670a38ccae46eb111f0db