首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在光标所在的位置插入文本?

在前端开发中,可以通过以下方式在光标所在的位置插入文本:

  1. JavaScript方法: 使用selectionStartselectionEnd属性来获取光标位置,并通过substring()方法将文本拆分为两部分,然后在两部分之间插入新的文本。示例代码如下:
  2. JavaScript方法: 使用selectionStartselectionEnd属性来获取光标位置,并通过substring()方法将文本拆分为两部分,然后在两部分之间插入新的文本。示例代码如下:
  3. contenteditable属性: 将需要插入文本的元素设置为可编辑(contenteditable="true"),然后利用document.execCommand()方法执行插入文本的命令。示例代码如下:
  4. contenteditable属性: 将需要插入文本的元素设置为可编辑(contenteditable="true"),然后利用document.execCommand()方法执行插入文本的命令。示例代码如下:

通过上述方法,可以在光标所在位置动态插入文本,便于实现各类前端交互需求。

推荐的腾讯云相关产品:无。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Linux——vi命令详解

插入模式 按「i」切换进入插入模式「insert mode」,按”i”进入插入模式后是从光标当前位置开始输入文件;   按「a」进入插入模式后,是从目前光标所在位置下一个位置开始输入文字...按「^」:移动到光标所在”行首”   按「w」:光标跳到下个字开头   按「e」:光标跳到下个字字尾   按「b」:光标回到上个字开头   按「#l」:光标移到该行第#个位置:5l,56l...插入(Insert)命令 Vi提供了两个插入命令:i和 I。 i命令 插入文本光标所在位置前开始,并且插入过程中可以使用键删除错误输入。...a命令 该命令用于在光标当前所在位置之后追加新文本。新输入文本放在光标之后,在光标文本将相应地向后移动。光标可在一行任何位置。...替换命令:s和S s(小写):该命令表示用随后输入文本替换当前光标所在字符。 如果只用一个新字符替换光标所在字符,则s命令与r命令功能类似,sh与rh作用都是将光标所在字符变为h。

14.2K22
  • vi命令详解(转)

    插入模式        按「i」切换进入插入模式「insert mode」,按"i"进入插入模式后是从光标当前位置开始输入文件;   按「a」进入插入模式后,是从目前光标所在位置下一个位置开始输入文字...按「^」:移动到光标所在"行首"   按「w」:光标跳到下个字开头   按「e」:光标跳到下个字字尾   按「b」:光标回到上个字开头   按「#l」:光标移到该行第#个位置:5l,56l...插入(Insert)命令 Vi提供了两个插入命令:i和 I。 i命令 插入文本光标所在位置前开始,并且插入过程中可以使用键删除错误输入。...处,但是由于是从光标所在位置前开始插入,所以这个“!”就被挤到了新插入文本之后。 I命令 该命令是将光标移到当前行行首,然后在其前插入文本。...附加(append)命令 Vi提供了两个附加插入命令:a和A。 a命令 该命令用于在光标当前所在位置之后追加新文本。新输入文本放在光标之后,在光标文本将相应地向后移动。

    1.1K40

    【Linux】深入理解awk命令

    简单来说,就是在不同模式下按下同一个键会有不同效果。比如,比如在Vim命令模式下,按下"x"键会删除光标所在字符;而在插入模式下,按下"x"键会在光标位置插入字符"x"。...:复制光标所在行内容 nyy:复制光标所在位置向下n行,包括光标所在行 yw:复制光标所在处到词尾内容(相当于复制一个单词) p:粘贴 np:对复制内容进行多行粘贴...3、删除操作 dd:删除光标所在行 ndd:删除光标所在位置向下n行,包括光标所在行 dw:删除光标所在处到词尾内容(相当于删除一个单词) x:删除光标所覆盖字符 nx...这三种插入方式有所不同: i:在光标所在位置插入输入字符 a:在光标所在位置下一个字符处插入输入字符 o:在光标所在下一行插入新行,光标位于行首 当我们进入插入模式后,可以看到左下角状态...此时,光标所在文本块将被高亮显示,表示已选择。接着,将光标移动到要复制文本结束位置,按下y键进行复制。这时,vim会自动将光标定位到选中文本起始位置,并退出可视模式。

    14110

    vim复制粘贴命令_vim编辑器常用命令

    复制当前光标所在位置到行尾:y$ 复制当前光标所在位置到行首:y^ 剪切: 剪切一行:dd 前切三行:3dd,即从当前行+下两行被剪切了。...剪切当前行光标所在位置到行尾:d$ 剪切当前行光标所在位置到行首:d^ 粘贴: 用v选中文本之后可以按y进行复制,如果按d就表示剪切,之后按p进行粘贴。...: 光标移至当前行尾 4.插入删除指令 常用插入、删除指令如下: i:在当前光标插入光标文本向后移 a:从当前光标插入光标文本后移 I:在光标所在行首插入(第一个非空白字符前)...A:从光标所在行末插入 o: 在光标所在行下面新增一行(并进入输入模式) O: 在光标所在行上方新增一行(并进入输入模式) x: 删除光标所在字符,等同于[Delete]功能键 X: 删除光标前字符...,相当与[Backspace] dd: 删除光标所在行 r: 修改光标所在字符 R: 替换当前字符及其后字符,直到按 [ESC] s: 从当前光标位置处开始,以输入文本替代指定数目的字符

    17.3K20

    Linux系列 使用vi文本编辑器

    该模式中主要完成光标移动、字符串查找,以及删除、复制、粘贴文件内容等相关操作。 输入模式:该模式中主要操作就是录入文件内容,可以对文本文件正文进行修改或添加新内容。...a:在当前光标位置之后插入内容。 A:在光标所在末尾(行尾)插入内容。 i:在当前光标位置之前插入内容。 I:在光标所在开头(行首)插入内容。 o:在光标所在后面插入一个新行。...O:在光标所在前面插入一个新行。 (2)移动光标 光标方向移动,直接按↑,↓,←,→一西个方向键完成相应光标移动。 题页移动 按Page Dewn键或Crl+F组合键向下期动一整页内容。...在vi编辑器中,前一次被删除或复制内容将会保存到剪切板缓冲区中,按p键即可将缓冲区中内容粘贴到光标位置处之后,按P键则会粘贴到光标位置处之前。...:e ~/initial-setup-ks.cfg 在当前文件中读入其他文件内容,执行“r其他文件”形式末行命令可以读入(Read)其他文件中内容,并将其复制到当前光标所在位置

    40620

    vim技巧

    字符 x 删除光标位置字符 c 更改当前字符并进入插入模式 s 替换光标位置字符并进入插入模式 r 替换光标位置字符但不进入插入模式 i 在当前位置字符之前进入插入模式 a 在当前位置字符之后进入插入模式...单词 cw/cW 删除当前单词从光标开始部分并进入插入模式 cb/cB 删除当前单词从光标所在位置至单词开始部分并进入插入模式 dw/dW 删除当前单词从光标开始部分但不进入插入模式 db/dB...删除当前单词从光标所在位置至单词开始部分但不进入插入模式 行 dd 删除当前行 d0 删除从当前光标开始到行末内容 d$ 删除从当前光标开始到行末内容 I 在当前行行首进入插入模式 A 在当前行行尾进入插入模式...o 在当前行下方另起一行进入插入模式 O 在当前行上方另起一行进入插入模式 句子 d) 删除当前句子从光标位置开始到句末内容 d( 删除当前句子从光标位置开始到句首内容 段落 d} 删除当前段落从光标位置开始到段末内容...d{ 删除当前段落从光标位置开始到段首内容 文本编辑高效命令 复制与粘贴 yw 复制当前单词从光标开始部分 yy 复制光标所在所有字符 p 将最后一个删除或复制文本放在当前字符 P 将最后一个删除或复制文本放在当前字符之前

    2.2K30

    Linux 系统 vim 编辑器使用简明教程

    ,执行下面命令后将进入插入模式,按ESC键可退出插入模式) a      //在当前光标位置右边添加文本 i       //在当前光标位置左边添加文本 A     //在当前行末尾位置添加文本...I      //在当前行开始处添加文本(非空字符行首) O     //在当前行上面新建一行 o     //在当前行下面新建一行 R    //替换(覆盖)当前光标位置及后面的若干文本...按 e :光标跳到下个字字尾。 按 b :光标回到上个字开头。 按 #l :光标往后移第#个位置:5l,56l ....四、删除、恢复字符或行(vi命令模式下使用) x :每按一次,删除光标所在位置后面一个字符。 #x :删除光标所在位置后面#个字符,例如, 6x 表示删除光标所在位置后面6个字符。...X :每按一次,删除光标所在位置前面一个字符。 #X :删除光标所在位置前面#个字符,例如, 20X 表示删除光标所在位置前面20个字符。 dd :删除光标所在行。

    1.6K70

    vim三种模式下小技巧,提高一半工作效率

    插入 在命令模式下按以下按键可进入编辑模式,执行插入操作,具体包括: 命令 作用 a 在当前光标所在字符后面开始插入 A 在当前光标所在行尾开始插入 i 在当前光标所在字符前面 开始插入 I...在当前光标所在行首开始插入 o 从光标当前所在下一行处开始插入 O 从光标当前所在上一行处开始插入 s 删除当前光标所在字符开始插入 S 删除当前光标所在行开始插入 删除 命令 作用...x 删除当前光标所在字符 X 删除当前光标所在字符前一个字符 dd 删除/剪切光标所在行 复制 粘贴 命令 作用 yw 复制从光标所在位置到当前【单词结束】部分内容 yy 复制光标所在【行】所有字符...(包含换行符) p 将最后一次删除或复制操作文本内容粘贴到光标所在字符之【后】 P 将最后一个删除或复制操作文本内容粘贴到光标当前字符之【前】 撤销 反撤销 命令 作用 u 撤销最近一次操作...表示任意一个字符 * 匹配0次或n次 查找行首为test行,命令模式下输入如下即可 /^test 4 尾行模式下命令 命令 作用 :w 保存文本 :q 退出vim,没有修改过文件 :w!

    89210

    vim简单使用教程

    ——————————正文开始—————————— 你想以最快速度学习人类史上最好文本编辑器VIM吗?你先得懂得如何在VIM幸存下来,然后一点一点地学习各种戏法。...下面是一些命令,可以让你在 Normal 模式下幸存下来: i → Insert 模式,按 ESC 回到 Normal 模式. x → 删当前光标所在一个字符。...键) 各种插入模式 a → 在光标插入 o → 在当前行后插入一个新行 O → 在当前行前插入一个新行 cw → 替换从光标所在位置后到一个单词结尾字符 简单移动光标 0 → 数字零,...(陈皓注:你需要把光标先移到括号上) * 和 #:  匹配光标当前所在单词,移动光标到下一个(或上一个)匹配单词(*是下一个,#是上一个) 相信我,上面这三个命令对程序员来说是相当强大。...假设你有一个字符串 (map (+) ("foo")).而光标键在第一个 o 位置

    1.3K30

    Vim命令使用说明

    插入模式:可以输入文本,在正常模式下,按i、a、o等都可以进入插入模式。 可视模式:正常模式下按v可以进入可视模式, 在可视模式下,移动光标可以选择文本。按V进入可- 视行模式, 总是整行整行选中。...到达标记后,可以用Ctrl+o返回原来位置。 Ctrl+o和Ctrl+i 很像浏览器上 后退 和 前进 。 m{a-z}: 标记光标所在位置,局部标记,只用于当前文件。...m{A-Z}: 标记光标所在位置,全局标记。标记之后,退出Vim, 重新启动,标记仍然有效。 `{a-z}: 移动到标记位置。 ‘{a-z}: 移动到标记行行首。...:help mark-motions 查看更多关于mark知识 插入文本 基本插入 i: 在光标插入;一个小技巧:按8,再按i,进入插入模式,输入=, 按esc进入命令模式,就会出现8个=。...这在插入分割线时非常有用,30i+就插入了36个+组成分割线。

    2.6K11

    linux基础命令介绍四:文本编辑 vim

    开始进入一般都是普通模式,按如下键将进入插入模式: a 在光标所在位置下一个字符开始输入 A 在光标所在行尾开始输入 i 在光标所在位置开始输入 I 在光标所在行首开始输入 o 在光标所在行下新增一行...,并在新增行行首开始输入 O 在光标所在行上新增一行,并在新增行行首开始输入 进入插入模式后,底部会出现-- 插入 --字样;这时就可以在光标位置进行输入了。...重复上一个命令 x 删除光标位置字符 d 从光标处开始剪切 dd 剪切光标所在位置整行(保存在临时缓冲区) ndd n为数字,表示从当前行开始,从上到下剪切n行 p 将缓冲区中内容放到当前行之下...r 替换光标所在位置一个字符 R 从光标位置开始替换,并进入文本输入模式(ESC退出) u 撤销上一次操作 ZZ 保存退出 移动光标: h或左箭头键 光标向左移动一格 l或右箭头键 光标向右移动一格...vim中各种命令,大多可以组合使用: 比如要删除光标当前所在位置一直到行尾,可以执行d$; 比如要在当前位置插入50个‘word’,只需执行50iword ESC按完ESC键之后这50个单词就被插入

    1.3K20

    【总结】vim命令使用总结,该来还是躲不掉啊晕

    两部分文本之间不含空格 gwip - 重新调整段落 g~ - 大小写转换操作修饰符 gu - 小写操作修饰符 gU - 大写操作修饰符 cc - 将光标所在行删除, 然后进入插入模式 c$ or C...- 将光标处到行尾删除, 然后进入插入模式 ciw - 将光标所在单词删除, 然后进入插入模式 cw or ce - 从光标位置开始, 修改单词 s - 删除当前字符, 然后进入插入模式 S - 清空当前行...- 进入可视化模式, 移动光标高亮选择, 然后可以对选择文本执行命令( y - 复制) V - 进入可视化模式(行粒度选择) o - 切换光标到选择区开头/结尾 Ctrl + v - 进入可视化模式...从光标位置到行末 p - 在光标后粘贴 P - 在光标前粘贴 gp - 在光标后粘贴并把光标定位于粘贴文本之后 gP - 在光标前粘贴并把光标定位于粘贴文本之后 dd - 剪切当前行 2dd - 剪切... : - 上次执行命令  . - 上次插入文本  - - 上次剪切短于一行文本  = - 表达式寄存器  _ - 黑洞寄存器 标记 :marks - 标记列表 ma - 设置当前位置为标记

    54221

    【Linux】--- 详解Linux软件包管理器yum和编辑器vim

    插入模式(Insert mode) 只有在Insert mode下,才可以做文字输入,在命令模式下,按a / i / o都可进入该模式,i:是从光标当前位置开始输入文件,o:是插入一行,从行首开始输入文字...,a:是从目前光标所在位置下一个位置开始输入文字。...个位置:5l,56l 按[gg]:进入到文本开始 按[shift+g]:进入文本末端 按「ctrl」+「b」:屏幕往“后”移动一页 按「ctrl」+「f」:屏幕往“前”移动一页 按「ctrl...」+「u」:屏幕往“后”移动半页 按「ctrl」+「d」:屏幕往“前”移动半页 删除文字: 「x」:每按一次,删除光标所在位置一个字符 「#x」:例如,「6x」表示删除光标所在位置“后面...(包含自己在内)”6个字符 「X」:大写X,每按一次,删除光标所在位置“前面”一个字符 「#X」:例如,「20X」表示删除光标所在位置“前面”20个字符 「dd」:删除光标所在行 「#dd

    10010

    vim实用笔记

    光标所在行 'm 包含位置标记m行 % 整个文件(:1,$简写形式) 使用:t和:m命令复制和移动行 :copy简写形式为:t Shopping list Hardware Store...:dfa 从当前位置删除到下一个a位置 f{char} 正向移动到下一个{char}所在之处 F{char} 反向移动到上一个{char}所在之处 t{char} 正向移动到下一个{char}所在之处前一个字符上...vim文本对象分为两类: 一类是操作分隔符文本对象, i) i" it 另一类是操作文本块,单词,句子和段落 iw aw 当前单词 iW aW 当前字串 is as 当前句子 ip...ap 当前段落 设置位置标记 m{a-zA-Z}会用选定字母标记当前光标所在位置 小写位置标记只在每个缓冲区局部可见 大写位置标记则全局可见 ~{mark}跳转到标记位置 % 在匹配括号间跳转...总是指向上次修改位置 gi 回到上次退出插入模式地方并进入插入模式(只在本缓冲区内) xp 调换光标之后两个字符 vim删除、复制与粘贴命令都会用到众多寄存器中某一个,通过给命令加"{register

    1.1K21

    vi 那些事

    A:在行末添加文本 i:在当前字符前插入文本 I:在行首插入文本 o:在当前行后面插入一空行 O:在当前行前面插入一空行 :wq 保存并推出 :w 将制定文件保存起来 :q!...光标移到该行第#个位置:5l,56l。...11.15.2.4 删除文字操作 「x」:每按一次,删除光标所在位置"后面"一个字符。 「#x」:例如,「6x」表示删除光标所在位置"后面"6个字符。...「X」:大写X,每按一次,删除光标所在位置"前面"一个字符。 「#X」:例如,「20X」表示删除光标所在位置"前面"20个字符。 「dd」:删除光标所在行。...「#yy」:例如,「6yy」表示拷贝从光标所在该行"往下数"6行文字。 「p」:将缓冲区内字符贴到光标所在位置。注意:所有与"y"有关复制命令都必须与"p"配合才能完成复制与粘贴功能。

    61920

    【Linux】手把手教你从零上手Vim编辑器

    i ]进入插入模式是从光标当前位置开始输入文件; 按「 a 」进入插入模式后,是从目前光标所在位置下一个位置开始输入文字; 按「 o 」进入插入模式后,是插入一行,从行首开始输入文字。 ️...[ n ]+[ l ]:光标移到该行第n个位置:5l,56l 按[gg]:光标移动到文本开始行 按[shift+g]:光标移动到文本末尾行 按[ n ] + [ Shift + g ] :光标移动到文本第...[ n ]+[ x ]:例如,「6x」表示删除光标所在位置“后面(包含自己在内)”6个字符 「 Shift + x 」:大写X,每按一次,删除光标所在位置“前面”一个字符 [ n ] +...「 Shift + x 」:例如,「20X」表示删除光标所在位置“前面”20个字符 「dd」:删除光标所在行 [ n ] +「dd」:从光标所在行开始删除n行,[ 5dd ]表示从光标所在行开始删除...“往下数”6行文字 「p」:将缓冲区内字符贴到光标所在位置

    24710

    【linux】vim

    ,不存盘强制退出vim) 03.正常模式命令集 插入模式 按「i」切换进入插入模式「insert mode」,按“i”进入插入模式后是从光标当前位置开始输入文件; 按「a」进入插入模式后,是从目前光标所在位置下一个位置开始输入文字...移动到光标所在“行尾” 按「^」:移动到光标所在“行首” 按「w」:光标跳到下个字开头 按「e」:光标跳到下个字字尾 按「b」:光标回到上个字开头 按「#l」:光标移到该行第#个位置...按「ctrl」+「u」:屏幕往“后”移动半页 按「ctrl」+「d」:屏幕往“前”移动半页 删除文字 「x」:每按一次,删除光标所在位置一个字符 「#x」:例如,「6x」表示删除光标所在位置...“后面(包含自己在内)”6个字符 「X」:大写X,每按一次,删除光标所在位置“前面”一个字符 「#X」:例如,「20X」表示删除光标所在位置“前面”20个字符 「dd」:删除光标所在行 「#dd」...「#yw」:复制#个字到缓冲区 「yy」:复制光标所在行到缓冲区。 「#yy」:例如,「6yy」表示拷贝从光标所在该行“往下数”6行文字。 「p」:将缓冲区内字符贴到光标所在位置

    7710

    编辑器-vi、vim使用

    2.2、编辑模式在命令模式下输入插入命令i(当前位置插入)、a(当前位置后一位置插入) 、o(下一行插入)可以进入文本输入模式。...多数文件管理命令都是在此模式下执行(把编辑缓冲区内容写到文件中等)。末行命令执行完后,Vi自动回到命令模式。...3、vi基本操纵3.1、进入编辑模式命令含义i和Ii在光标插入,I在行首插入a和Aa在光标插入,A在行末插入o和Oo在光标所在行下一行插入,O在光标所在行上一行插入3.2、移动光标命令含义h光标向左移动...,包含光标位置字符dd和 n dddd删除所在行,5 dd删除指定行数d0和Dd0删除光标前本行所有内容,D删除光标后本行所有内容,包含光标位置字符dw删除光标所在位置字,包含光表所在位置字符3.4、...撤销命令命令含义u一步一步撤销ctrl + r反撤销3.5、重复命令命令含义.重复执行上一次操作命令3.6、复制粘贴命令含义yy和 n yy 和y$ y^ yy复制当前行,5 yy复制5行p在光标所在位置向下新开一行粘贴

    1.4K10

    【Linux】包管理器、vim详解及简单配置

    要进入普通模式,如果你当前不在此模式下,只需按Esc键即可 插入模式 在插入模式下,Vim行为类似于大多数其他文本编辑器,即你输入任何字符都会被直接插入文本中。...要进入插入模式,你可以从普通模式开始,然后使用i(在当前光标位置插入)、a(在当前光标位置下一个字符开始插入)、o(在当前光标所在下一行开始新行并插入)等命令之一 命令行模式 命令行模式不是Vim...#G:移动到第#行 gg:进入到文本开始 $ :移动到光标所在“行尾” ^:移动到光标所在“行首” w:光标跳到下个字开头 e:光标跳到下个字字尾 b:光标回到上个字开头 n+l:光标移到该行第...#x:例如,6x表示删除光标所在位置“后面(包含自己在内)”6个字符 X:大写X,每按一次,删除光标所在位置“前面”一个字符 #X:例如,20X表示删除光标所在位置“前面”20个字符 dd:删除光标所在行...“往下数”6行文字 p:将缓冲区内字符贴到光标所在位置

    13310
    领券