可以使用 JavaScript 中的 selectionStart 和 selectionEnd 属性来指定光标的位置。

这些属性属于 HTMLInputElement 对象,因此你需要首先将你的输入元素转换为这种类型,然后就可以使用这些属性了。

例如:

constinput = document.getElementById('myInput');
input.selectionStart = 2;
input.selectionEnd = 4;

这样就会将光标移动到输入字段的第 2 到第 4 个字符的位置。

注意:在使用这些属性之前,你应该确保输入字段是可编辑的(即具有 "contenteditable" 属性)。

js 指定光标位置相关推荐

  1. vc richedit 指定光标位置_机械图纸·每日一符:位置度

    位置度是GD&T中最有用且最复杂的几何公差符号,没有之一.位置度太重要且调用方法多样,为了不像裹脚布,下面仅讨论RFS(without MMC/LMC).实体状态(M/L圈)两种调用方式,投石 ...

  2. js 指定滚动条位置

    2019独角兽企业重金招聘Python工程师标准>>> 今天在做一个会话聊天的功能,一个滚动条的问题困扰了我很久,每次发完信息或接收信息后不能自动滚动到最下面的位置... 解决方法: ...

  3. html光标定位到文本框,js获取光标位置和设置文本框光标位置示例代码

    function getTxt1CursorPosition(){ var oTxt1 = document.getElementById("txt1"); var cursurP ...

  4. quill光标位置插入html,quill编辑器+word文档上传,插入指定位置

    官方quill没有直接给出插入html的方式 类似,下面两个方法,是quill框架提供的,但是并没有提供可以在指定光标位置插入html quill.pasteHTML:这个方法已经废弃了,但目前还是可 ...

  5. php光标添加,JS在可编辑的div中的光标位置插入内容的方法_javascript技巧

    本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 通过设定contenteditable=t ...

  6. html input光标位置,js控制input框内光标位置(setSelectionRange详解)

    问题描述 前段时间碰到一个需求:在表单中有一个字段叫金额,用户希望点击该输入框后(focus),能够自动为其金额数字后加上"万元"两个字. 虽然这个需求可以通过其他的设计方式规避( ...

  7. JS获取鼠标光标位置并在光标位置添加内容

    目标需求 获取鼠标光标位置,然后点击按钮或其他事件,在鼠标光标的位置插入需要的文字等 准备工具 contenteditable:contenteditable属性指定元素内容是否可编辑. window ...

  8. js调整数组某些元素到指定位置顺序_Js数组里剔除指定的元素(不是指定的位置)...

    s数组里删除指定的元素(不是指定的位置) 之前一直是做后端的,从来也没有写过js,但是却一直想学学,也只是基于兴趣而已!现在到了这个公司,确实大量的写js.但也一直都是没有系统的去看过js!都是搞什么 ...

  9. vue 怎么在字符串中指定位置插入字符_vue项目中在可编辑div光标位置插入内容的实现代码...

    vue项目中在可编辑div光标位置插入内容 html: @dragstart="dragStart($event, item.labelName)" draggable='true ...

最新文章

  1. 神策 FM | CEO 荐书—《斯坦福商业决策课》
  2. (视频+图文)机器学习入门系列-第11章 支持向量机
  3. Python基础,基本类型(整型,浮点数等)数据结构(List,dic(Map),Set,Tuple),控制语句(if,for,while,continue or break):来自学习资料
  4. Spring的HelloWorld
  5. flask框架的参数传递以及MVC模式的图解
  6. 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contai
  7. java 系列1:数据类型转换
  8. PhotoshopCS2相关教程网址
  9. 国外永久免费5G大容量网盘--SugarSync
  10. 腾讯云申请免费短信验证码
  11. sop流程图模板_标准作业流程SOP详解,附流程图绘制规范,不愁不会画!
  12. Spring Boot layered(分层) jar 构建docker镜像
  13. [架构]MVC/MCP/MVVM三个框架模式
  14. c语言中fgetc函数的介绍
  15. 各种类型sizeof大小及C++有符号数与无符号数进行比较
  16. python+windows画图工具--复现别人论文中的colormap 方法2
  17. 当知识图谱遇上推荐系统之DKN模型(论文笔记一)
  18. Go 使用 buger/jsonparser 优化反序列化性能
  19. STW43NM60ND意法车规MOS管\原装现货ASEMI代理
  20. mysql中insert语句的五种用法

热门文章

  1. 马化腾称内部贪腐触目惊心
  2. html相对路径例子,相对路径
  3. 基于java的校园外卖系统的设计与实现
  4. CAD中组(Group)如何应用,编组和图块有何区别?
  5. CAD怎么成组?CAD编组教程
  6. Oracle DB 使用DDL语句创建和管理表
  7. 调试“侦探的利器”!!!
  8. maven 自定义插件开发
  9. Dota2参议院-贪心649-python
  10. PMI-ACP练习题知识积累-打印版