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

删除药丸旁边的最后一个字符时,插入符号将跳转到可编辑内容元素的右边缘

这个问题涉及到前端开发和用户界面交互的知识。当我们在可编辑内容元素中删除药丸旁边的最后一个字符时,插入符号通常会跳转到可编辑内容元素的右边缘,以便继续输入或编辑其他内容。

可编辑内容元素通常是指HTML中的<input>、<textarea>等表单元素,或者contenteditable属性设置为true的任何HTML元素。这些元素允许用户输入和编辑文本内容。

在前端开发中,我们可以通过JavaScript来实现这种行为。当用户删除药丸旁边的最后一个字符时,我们可以监听输入事件或键盘事件,判断删除操作是否发生在可编辑内容元素中,并且是删除了最后一个字符。如果是,则可以使用JavaScript代码将插入符号(光标)移动到可编辑内容元素的右边缘。

以下是一个示例代码片段,演示了如何实现这个功能:

代码语言:txt
复制
<input type="text" id="editableInput" />

<script>
  const editableInput = document.getElementById('editableInput');

  editableInput.addEventListener('input', function(event) {
    const inputText = event.target.value;
    const lastChar = inputText.charAt(inputText.length - 1);

    if (event.inputType === 'deleteContentBackward' && lastChar === '') {
      // 将插入符号移动到右边缘
      editableInput.setSelectionRange(inputText.length, inputText.length);
    }
  });
</script>

在这个示例中,我们通过addEventListener方法监听了可编辑内容元素的input事件。当用户进行删除操作时,我们首先获取当前输入框的文本内容,并判断最后一个字符是否为空。如果是,则使用setSelectionRange方法将插入符号移动到文本内容的右边缘。

这种行为在许多应用场景中都有用到,比如表单输入、文本编辑器、聊天应用等。腾讯云提供了丰富的云计算产品,可以帮助开发者构建和部署各种应用。具体推荐的产品和产品介绍链接地址可以参考腾讯云官方网站的相关文档和资源。

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

相关·内容

linux下vim命令详解

,只是加载到缓冲区中,对文件编辑其实是对缓冲区编辑,直到:w才会存入物理文件。...h,j,k,l 上,下,左, ctrl-f 上翻一页 ctrl-b 下翻一页 % 跳到与当前括号匹配括号处,如当前在{,则跳转到与之匹配}处 w 跳到下一个字首...,长 0 至行首,不管有无缩进,就是跳到第0个字符 ^ 至行首一个字符 $ 至行尾 gg 至文件第一行 gd 至当前光标所在变量声明处 [N...a `a 跳转到标签a处 编辑 r 替换一个字符 J 下一行和当前行连接为一行 cc 删除当前行并进入编辑模式 cw 删除当前字,并进入编辑模式 c$...擦除从当前位置至行末内容,并进入编辑模式 s 删除当前字符并进入编辑模式 S 删除光标所在行并进入编辑模式 xp 交换当前字符和下一个字符 u 撤销 ctrl+r

2.5K30

Mac之vim普通命令使用「建议收藏」

这个在文本批处理中是很实用。 同一编辑多个文件 在vim众多插件中。有一个叫minibuffer插件。就是以下所说标签页功能了,能够支持同一编辑多个文件。... ctrl-f     上翻一页 ctrl-b     下翻一页 %     跳到与当前括号匹配括号处,如当前在{,则跳转到与之匹配}处 w     跳到下一个字首,按标点或单词切割 W    ...就是跳到第0个字符 ^     至行首一个字符 $     至行尾 gg     至文件第一行 gd     至当前光标所在变量声明处 [N]G     跳到第N行。...a `a     跳转到标签a处 编辑 r     替换一个字符 J     下一行和当前行连接为一行 cc     删除当前行并进入编辑模式 cw     删除当前字,并进入编辑模式 c$    ...擦除从当前位置至行末内容,并进入编辑模式 s     删除当前字符并进入编辑模式 S     删除光标所在行并进入编辑模式 xp     交换当前字符和下一个字符 u     撤销 ctrl+r

2.2K31
  • Mac之vim普通命令使用

    ,只是加载到缓冲区中,对文件编辑其实是对缓冲区编辑,直到:w才会存入物理文件。...h,j,k,l 左,下,上, ctrl-f 上翻一页 ctrl-b 下翻一页 % 跳到与当前括号匹配括号处,如当前在{,则跳转到与之匹配}处 w 跳到下一个字首...,长 0 至行首,不管有无缩进,就是跳到第0个字符 ^ 至行首一个字符 $ 至行尾 gg 至文件第一行 gd 至当前光标所在变量声明处 [N...a `a 跳转到标签a处 编辑 r 替换一个字符 J 下一行和当前行连接为一行 cc 删除当前行并进入编辑模式 cw 删除当前字,并进入编辑模式 c$...擦除从当前位置至行末内容,并进入编辑模式 s 删除当前字符并进入编辑模式 S 删除光标所在行并进入编辑模式 xp 交换当前字符和下一个字符 u 撤销 ctrl+r

    6.3K30

    >>开发工具:IntelliJ IDEA 2020.3基础技能

    3、按下⇥可在元素之间移动。按此⌫按钮从列表中删除所选文件,然后在编辑器中将其关闭。 更改IDE外观 1、按⌃` 。 2、在“切换”菜单中,选择所需选项,然后按⏎。...到会合并屏幕,从上下文菜单中,选择不分开或不分开全部到会合并所有的拆分帧。 移动分割画面 1、插入符号放入所需拆分框架中。 2、从主菜单中,选择“窗口” |“窗口”。编辑器标签。...配置插入符放置 在“设置/首选项”对话框中⌘,转到编辑器” | “首选项”。通用。在“虚拟空间”部分,您可以配置插入符号放置选项。...选择“允许在选项卡内放置插入号”选项,以帮助您在文件内插入号上移或下移,同时将其保持在相同位置。 配置保存尾随空格行为 在“设置/首选项”对话框中⌘,转到编辑器” | “首选项”。通用。...例如,当您手动或自动保存代码并且想要保留插入记号行上尾随空格而无论在“保存删除尾随空格”列表中选择了什么选项,请选择“始终在插入记号行上保留尾随空格”选项。

    33920

    VSC x VIM - 反正多学几个快捷键没有坏处

    少取一个字符 T{char}: 跳转到行内上一个 {char} 后, 同样少取一个字符 ;: 重复执行上一次字符查找 ,: 反向执行字符查找 动作 i: 选中范围内(Inner), vi( 会选括号内内容...ci<: 快速修改尖括号里面的内容 dfa: 从当前开始删除到下一个字母 a ya`: 快速复制 backtick 符号以及里面的内容 d$: 从当前一直删除到结尾 d^: 从当前一直删除到开头 die...普通模式下按下 i 进入插入模式 使用 i 光标定位到选择内容前方 使用 a 光标定位到选择内容后方 插入模式下按下 Esc 或者 Ctrl+[ 回到普通模式 如果不确认在哪个模式就按两下 Esc...h j k l 光标左,下,上, x 删除一个字符 y 复制 ..../ $ 行尾 单独使用可以跳到行尾,也可配合其他命令使用 r 替换 可以替换单个字符,如果选中多个字符则会换为相同长度重复单个字符 % 跳转括号 跳转到对应括号字符处 a 在光标之后插入文本 在行末插入文本

    1.3K10

    VIM文本编辑器常用技巧

    简介: VIM编辑器是一个功能强大、高度定制化文本编辑器,其在VI编辑基础上拥有了代码高亮在内多项功能增加和改进,深受用户喜爱。...(如:vim /etc/passwd即可编辑passwd文件) 如vim后接一个不存在名称,编辑新创建一个以该文件命名文件。...“PASS=000000” 例2: :%/s/^#//g 解读: 在全文每行顶头查找“#”并将之替换为“ ”,即删除每行顶头一个#号 5、跳转与移动 命令 操作详解 h 左 I j 上 k...下 w 跳转到下个单词词首 e 跳转到当前或下一个单词词尾 b 跳转到当前或前一个单词词首 0 跳转至行首 $ 跳转至行尾 H 跳转至当前页(屏幕)页首 M 跳转至当前页(屏幕)页中间行 L 跳转至当前页...(屏幕)页底 G 跳转到文件尾部 gg 跳转到文件头部 n G 跳转至第n 行,n 为数字 n % 跳转至文件n %处位置,n 为数字 6、删除 命令 操作详解 u 撤销前一编辑命令 x 删除当前光标所在位置字符

    1.1K10

    VIM常用快捷键(转载)

    至行首一个字符 $ 至行尾 gg 至文首 G 调至文尾 5gg/5G 调至第5行 gd 至当前光标所在变量声明处 fx 在当前行中找x字符,找到了就跳转至 ; 重复上一个f命令,而不用重复输入...fx * 查找光标所在处单词,向下查找 # 查找光标所在处单词,向上查找 删除复制 dd 删除光标所在行 dw 删除一个字(word) d/D删除到行末x删除当前字符X删除一个字符yy复制一行yw...复制一个字y/Y 复制到行末 p 粘贴粘贴板内容到当前行下面 P 粘贴粘贴板内容到当前行上面 插入模式 i 从当前光标处进入插入模式 I 进入插入模式,并置光标于行首 a 追加模式,置光标于当前光标之后...A 追加模式,置光标于行末 o 在当前行之下新加一行,并进入插入模式 O 在当前行之上新加一行,并进入插入模式 Esc 退出插入模式 编辑 J 下一行和当前行连接为一行 cc 删除当前行并进入编辑模式...cw 删除当前字,并进入编辑模式 c$ 擦除从当前位置至行末内容,并进入编辑模式 s 删除当前字符并进入编辑模式 S 删除光标所在行并进入编辑模式 xp 交换当前字符和下一个字符 u 撤销 ctrl

    1.7K20

    Vim常用快捷键

    跳到上一个字 B 跳到上一个字,长 0 至行首,不管有无缩进,就是跳到第0个字符 ^ 至行首一个字符 $ 至行尾 gg 至文首 G 调至文尾 5gg/5G 调至第5行 gd 至当前光标所在变量声明处...fx 在当前行中找x字符,找到了就跳转至 ; 重复上一个f命令,而不用重复输入fx * 查找光标所在处单词,向下查找 # 查找光标所在处单词,向上查找 二、删除复制 dd 删除光标所在行 dw...删除一个字(word) d/D 删除到行末 x 删除当前字符 X 删除一个字符 yy 复制一行 yw 复制一个字 y/Y 复制到行末 p 粘贴粘贴板内容到当前行下面 P 粘贴粘贴板内容到当前行上面...,并进入插入模式 Esc 退出插入模式 四、编辑 J 下一行和当前行连接为一行 cc 删除当前行并进入编辑模式 cw 删除当前字,并进入编辑模式 c$ 擦除从当前位置至行末内容,并进入编辑模式 s...删除当前字符并进入编辑模式 S 删除光标所在行并进入编辑模式 xp 交换当前字符和下一个字符 u 撤销 ctrl+r 重做 ~ 切换大小写,当前字符 >> 当前行右移一个单位 << 当前行左移一个单位

    1.8K00

    超全Vim常用快捷键,建议收藏备用!

    B 跳到上一个字,长 0 至行首,不管有无缩进,就是跳到第0个字符 ^ 至行首一个字符 $ 至行尾 gg 至文首 G 调至文尾 5gg/5G 调至第5行 gd 至当前光标所在变量声明处...fx 在当前行中找x字符,找到了就跳转至 ; 重复上一个f命令,而不用重复输入fx * 查找光标所在处单词,向下查找 # 查找光标所在处单词,向上查找 二、删除复制 dd 删除光标所在行 dw...删除一个字(word) d/D 删除到行末 x 删除当前字符 X 删除一个字符 yy 复制一行 yw 复制一个字 y/Y 复制到行末 p 粘贴粘贴板内容到当前行下面 P 粘贴粘贴板内容到当前行上面...,并进入插入模式 Esc 退出插入模式 四、编辑 J 下一行和当前行连接为一行 cc 删除当前行并进入编辑模式 cw 删除当前字,并进入编辑模式 c$ 擦除从当前位置至行末内容,并进入编辑模式 s...删除当前字符并进入编辑模式 S 删除光标所在行并进入编辑模式 xp 交换当前字符和下一个字符 u 撤销 ctrl+r 重做 ~ 切换大小写,当前字符 >> 当前行右移一个单位 << 当前行左移一个单位

    19.8K32

    VSC x VIM - 反正多学几个快捷键没有坏处

    控制面板\所有控制面板项\轻松使用设置中心\设置筛选键 里面 启用重复键和慢速键 打开 编辑模式 普通模式下按下 i 进入插入模式 使用 i 光标定位到选择内容前方 使用 a 光标定位到选择内容后方...跳到行首非空字符 g_: 跳到行尾非空字符 gg: 跳到文件第一行行首非空字符 G: 跳到文件最后一行行首非空字符 字符查找 f{char}: 跳转到行内下一个 {char} 位置 F{char...dfa: 从当前开始删除到下一个字母 a ya`: 快速复制 backtick 符号以及里面的内容 d$: 从当前一直删除到结尾 d^: 从当前一直删除到开头 die: 删除整个文件 dit: 删除一个...> 指 Enter 按键 指按住 Ctrl 然后按下 {char} 对应按钮 简单命令 命令码 含义 Comment h j k l 光标左,下,上, x 删除一个字符.../ $ 行尾 单独使用可以跳到行尾,也可配合其他命令使用 r 替换 可以替换单个字符,如果选中多个字符则会换为相同长度重复单个字符 % 跳转括号 跳转到对应括号字符处 a 在光标之后插入文本 在行末插入文本

    1.3K10

    vim常用快捷键以及方法

    一、替换文本: 一个顺口令:%s###g(口头语:百分号 sg 三个#) :%s#$2#$b#g此命令是文本中2替换成b 格式 : 范围(其中 % 所有内容) s 分隔符 旧内容 分隔符 新内容...ctrl+v 模式 V 模式(列) 进入 v 模式 移动光标选择区域、 编程时候需要进行多行注释: 1)、ctrl+v 进入列编辑模式 2)、向下或向上移动光标,把需要注释、编辑开头选中起来...4)、然后按大写 I 5)、再插入注释符或者你需要插入符号,比如"#" 6)、再按 Esc,就会全部注释或添加了 删除:再按 ctrl+v 进入列编辑模式;向下或向上移动光标 ;选中注释部分...,然后按 d, 就会删除注释符号。...0 个字符 ^ 至行首一个字符 $ 至行尾 gg 至文首 G 调至文尾 5gg/5G 调至第 5 行 gd 至当前光标所在变量声明处 fx 在当前行中找 x 字符,找到了就跳转至

    42220

    vim 文本编辑

    【:last】切换至最后一个文件 【:first】切换至第一个文件 4.2.3 vim命令模式(编辑模式)常用快捷键 1) 模式转换 a) 【i】:在当前光标所在字符前面,...c$】删除光标处到行尾字符,并进入插入模式 【c0】(c零)删除光标处到当前行首第一非空字符,并进入插入模式 【cb】删除当前第一个单词,并进入插入模式 【ce】删除一个单词,并进入插入模式...b) 【^】光标移动到当前行首一个非空白字符 c) 【&】光标移动到当前行行尾 6) 行间跳转(相当于上下跳转) a) 【G】跳转到最后一行(整个文档最后一行...,一直到第一次被pat2匹配到行结束 【:#,/pat/】从第#行开始,一直到第一次被pat匹配到行结束 【:/pat/,$】从第一次被pat匹配到行开始,一直到最后一行 地址界定后面跟随编辑命令...格式:【s/要查找内容/替换为内容/修饰符】 要查找内容:可以使用模式 替换为内容:不能使用模式,单可以使用\1,\2等后向引用符号;还可以使用“&”引用前面查找查找整个内容 修饰符:

    4.3K10

    Linux 学习VI编辑

    20G:快速定位到第二十行代码 gg:快速回到整个代码第一行 G:快速定位到整个代码最后一行 w:向后一个单词长度,即跳到下一个单词开始处 b:向前一个单词长度,即跳到上一个单词开始处...写到自己终端上信息 最后行方式命令 :n1,n2 co n3:n1行到n2行之间内容拷贝到第n3行下 :n1,n2 m n3:n1行到n2行之间内容移至到第n3行下 :n1,n2 d :...n1行到n2行之间内容删除 :w :保存当前文件 :e filename:打开文件filename进行编辑 :x:保存当前文件并退出 :q:退出vi :q!...中内容并将其放到光标位置处。这里?可以是一个字母,也可以是一个数字 ndd:当前行及其下共n行文本删除,并将所删内容放到1号删除寄存器中。...---- vi file ---- :20,59w /tmp/1 ---- 3.用VI编辑一个文件,但需要删除大段内容

    7.6K30

    提高效率 |ArcGIS Pro 中所有快捷键一网打尽

    Alt+单击图层名称 缩放至该图层范围。 Delete 删除内容窗格中选择项目。 Ctrl+T 打开图层表或内容窗格中选定表。 编辑 以下键盘快捷键适用于各种编辑操作和工具。...应用当前编辑,然后转到下一列。如果在行末尾,则转到下一行一个单元格。 Ctrl+Enter 应用编辑并转至下一行。 应用当前编辑并转至同一列下一行。...在播放地图显示在传感器视频帧和地面轨迹上保持居中。当视频到达显示器边缘,地图显示平移。这与自动追踪视频播放器工具相同。 Ctrl+Alt+N 在活动视频窗格视频上显示指北针。...如果在行末尾,则转到前一行最后一个单元格。 Enter 转至同一列下一行。 Home 或 Ctrl+左箭头 转到一个单元格。 End 或 Ctrl+箭头 转到最后一个单元格。...Ctrl+Home 转至第一行一个单元格。 Ctrl+End 转至最后一行最后一个单元格。 上箭头、下箭头、左箭头、箭头 随箭头键方向移动。 Ctrl + 上箭头 转至同一列第一行。

    1.1K20

    【数学建模】MATLAB快速入门

    MATLAB界面与基本操作 初始界面: 刚开始界面只要一个命令行窗口,为了使编辑界面出现我们需要新建一个文件,注意存放文件文件夹一定要是英文命名,新建文件后打开就会出现编辑器。...运行后结果会显示在下方命令行窗口,同时右侧工具区也会显示变量值,有点类似vs2022调试后监视窗口 实时脚本文件,插入图片,运行时会把结果显示在代码旁边,很适用。...点击左上角新建里面就会有一个实时脚本文件,运行时会把结果显示在代码旁边,不会再下命令行中显示。...] = simple(f,a,b,index) 符号 注释:%后面写内容都是注释,类似于C/C++//或者python# 分号:写完一行代码,该行末尾加个分号,会被执行计算,但不会在命令行窗口显示输出...MATLAB字符串和文本 2.1 string变量 双引号(英文) 当我们要定义一个字符串变量,可以写 t = "hello world" 和C语言语法也没啥区别。

    6310

    IDEA + Vim,竟可以这么牛逼!!

    自动缩进范围内文本 gU -范围内字符转换为大写 gu -范围内字符转换为小写 > -范围中内容缩进一格 -范围中内容取消缩进一格 常用范围指令有...e)使用:regs命令可以列出当前所有寄存器内容 8.一些插入模式下常用快捷键 Ctrl+h -删除光标左边字符 Ctrl+w -删除光标左边单词 Ctrl+y -复制上方一个字符 Ctrl+e...(结合前面第5点,你也许注意到了,在指定范围,使用跳转命令指定一个从光标位置到跳转目标的区域) 这里补充一部分文章《vim跳转与回跳》内容: vim跳转 1....CTRL+i 向前. 2.2.3 内部标记 ' 或 ` 上一次位置 " 上次编辑该文件位置. [ 最后一次修改起始位置(似乎不管用) ] 最后一次修改结束为止(似乎不管用). 2.2.4...跳到此位置(t为上述任意字符). 12书签 在普通模式下按m即可定义书签,按`则可跳转到某个书签精确位置,按'转到某个书签所在行行首(用来录制宏比较有用)。

    2.8K10

    Linux文本编辑器—vim详解

    当我们直接输入vim,显示是当前vim版本信息: 我们需要建立一个文件才能打开文件,比如建立一个test.txt文件,然后用vim打开它: touch test.txt vim test.txt...我们发现我们现在是不能写入内容,需要进入插入模式才能书写内容,此时需要输入i,即进入插入模式。当输入i,我们发现下面出现了INSERT字样。...J:下,联想jump是向下。 K:上,联想king是高高在上。 L:,四个键中最右侧。 光标锚点位置 shift+^:跳转到光标所在行行首。...shift(按住)+~(按住):改变一行大小写。 x:删除光标后一个字符,支持nx(从左向右删)。 shift+x:删除光标前一个字符,支持n(shift+x)(从向左删)。...r:字符替换,eg.r+b意思是一个字符替换成b,支持nr即5r+x表示5个字符替换成x。 shift+r:进入替换模式,输入内容后覆盖之后内容,按Esc退出。

    2K20

    linux文本编辑器-VIM基本使用方法

    openssl passwd -1 ##扩展模式使用外面命令生成加密字符串读入到文件中 命令模式字符编辑:          x   删除光标处字符;          #x  删除光标处起始...d   删除命令,结合光标跳转字符,实现范围删除;          d$  删除到行尾          d^  删除到非空行首          d0  删除到行首          dd  删除光标所在行...new                当前行中查找到一个字符“old” 串替换为“new”          :s/old/new/g             当前行中查找到所有字符串“old...s*//g    删除行首空格     :g/^$/d      删除空行     :5,10s/^/#/g   在5到10行行首插入#号注释  可视话模式:   允许选择文本块,代替鼠标。...有10个数字寄存器,用0,1,…,9表示,0存放最近复制内容,1存放最近删除内容。当新文本变更和删除,1转存到2,2转存到3,以此类推。数字寄存器不能在不同会话间共享。 ?

    96230

    Sublime Text历练

    从做到:侧边栏(关闭、文件、文件夹视图)、编辑区(代码编辑)、MiniMap(缩略图)。 菜单栏: 各种命令,各种设置。...,再次Ctrl+D选择该词出现一个位置,在多重选词过程中,使用Ctrl+K进行跳过,使用Ctrl+U进行回退,使用Esc退出多重 ### 编辑 Ctrl+Shift+L:当前选中区域打散...Ctrl+Enter:在当前行下面新增一行然后至该行 Ctrl+Delete:删除单词前部 Ctrl+Backspace:删除单词后部 Ctrl+K,Ctrl+K:从光标处删除至行尾...如果在某个字符多行后面加上光标,可以光标放在这个字符后面,按住shift键,然后右键可以向下拖动产生多个光标。...Goto anything:(模糊匹配) Ctrl+P:跳转到指定文件,输入文件名后可以: @ 符号跳转:输入@symbol跳转到symbol符号所在位置 # 关键字跳转:输入#keyword跳转到keyword

    1.3K30

    linux 文本编辑器vi常用命令

    )也是可以 ^ 光标移到行首 $ 光标移到行尾 shift+g 光标移动到文件最后一行 gg 光标移动到文件第一行 4、控制命令 打开一个内容很多文件时候经常用到。...shift+o 光标的上一行开始编辑 6、删除命令 dd 删除一行,可以带个数字,如6dd,表示向下删除6行 d$ 删除光标到行尾内容(也可以使用ctrl+d) d^ 删除光标到行首内容 x 删除光标位置字符...(向后删除) shift+x 删除光标位置字符(向前删除) 7、替换命令 r 按esc退出insert状态再按个r,然后再输入一个字符,将会替换光标位置字符 R 跟r一样,只不过是可以替换多个字符...shift+j 下一行拼接到上一行 u 撤销 :gg=G 全文自动缩进 :set nu 显示行号 :n 跳转到第n行(按回车才会) Ctrl+g 会在显示屏底部显示文件名字和总行数,当前光标的位置行号...(、vi[、vi{、vi< – 分别选中这些配对标点符号文本内容 以上只是个人常用文本编辑命令。

    1.7K30
    领券