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

可编辑DIV设置光标位置

平时我们使用文本框input, textarea时,我们有时候需要得到光标位置或者说设置光标位置. 但是文本框有个不足,就是不能满足我们插入图片或者其他的一些要求....下面说怎么获取或设置光标位置. 2个步骤 1:获取DIV中的光标位置 2:改变光标位置 var cursor = 0; // 光标位置 document.onselectionchange = function...用来记录光标位置....(); //因为这里死从当前光标开始移动的(好像文本框的是从0算起.)所以我们需要拿到当前光标位置,然后就可以计算出要移动多少位了,这样就可以把光标移动到想要的位置了 r.moveStart...character', lyTXT1.innerText.length - cursor); r.collapse(true); r.select(); } 通过上面的我们就可以将DIV中的光标移动到最后面了

6.6K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    MP3光标位置(算法)

    为了简化处理,假设每屏只能显示4首歌曲,光标初始的位置为第1首歌。 现在要实现通过上下键控制光标移动来浏览歌曲列表,控制逻辑如下: 歌曲总数<=4的时候,不需要翻页,只是挪动光标位置。...光标在第一首歌曲上时,按Up键光标挪到最后一首歌曲;光标在最后一首歌曲时,按Down键光标挪到第一首歌曲。...输入描述: 输入说明: 1 输入歌曲数量 2 输入命令 U或者D 输出描述: 输出说明 1 输出当前列表 2 输出当前选中歌曲 /** * MP3光标位置 * 1 、 获取当前歌曲位置...获取当前光标在4首歌哪个位置 获取总页数长度 * 2 、 计算光标前后 有几个数 * 3 、 把前后的数拼接 * * @param args */...int index = 1; // 光标位置 int pageIndex = 1; for (int i

    85710

    5.2 vim颜色显示和移动光标

    vim颜色显示 不同的文件,或者说相同的文件在不同的目录下,就会有可能导致颜色不存在 在centos系统中,/etc下的文件,往往都是都是配置文件,在/etc下一般都会显示颜色,放置在其他位置则不会显示颜色...shift+o),光标就会定位到刚刚所在的位置的上一行去,并进入编辑模式 然后输入# 和字母,保存后,并再次打开/tmp/passwd,会发现加了 #号 的都会出现颜色 这说明文件本身是带有颜色...只不过它的内容不具备显示颜色的条件 vim编辑文件的时候,是会显示颜色的,往往是根据文件的内容显示不同的颜色 vim本身有自己的配置文件,可以自己去 /etc/vimrc 编辑配置文件 一般模式下的移动光标...l(小写字母L)或者向右的方向键 光标向右移动一个字符 空格键 光标向右移动一个字符...k或者向上的方向键 光标向上移动一个字符 j或者向下的方向键 光标向下移动一个字符

    2.2K10

    jQuery 尺寸、位置操作

    jQuery 尺寸、位置操作 ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 1.1. ...jQuery 尺寸操作 ​ jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。 语法   1.以上参数为空,则是获取相应值,返回的是数字型。...1.2. jQuery 位置操作 ​ jQuery位置操作主要有三个: offset()、position()、scrollTop()/scrollLeft() , 具体介绍如下: 语法 1. offset...获取设置距离文档的位置(偏移) offset console.log($(".son").offset()); console.log($(".son")...就让电梯导航显示出来2.点击电梯导航页面可以滚动到相应内容区域3.核心算法:因为电梯导航模块和内容区模块一一对应的4.当我们点击电梯导航某个小模块,就可以拿到当前小模块的索引号5.就可以把animate要移动的距离求出来

    1.1K20

    jQuery 尺寸、位置操作

    image.png jQuery 尺寸、位置操作 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。...1. jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。...2. jQuery 位置操作 jQuery位置操作主要有三个: offset()、position()、scrollTop()/scrollLeft() , 具体介绍如下: 语法 代码演示...获取设置距离文档的位置(偏移) offset            console.log($(".son").offset());            console.log($(".son")...获取距离带有定位父级位置(偏移) position   如果没有带有定位的父级,则以文档为准            // 这个方法只能获取不能设置偏移            console.log(

    70220

    jquery操作元素的位置

    var offset = p.offset(); //获取到这个元素的位置       p.html( "left: " + offset.left + ", top: " + offset.top...offset.top 元素距上面的距离         如果元素设置的是visibility:hidden; 可以获取到坐标,         如果元素设置的是 display:none; 位置值是...$("p:last").offset({ top: 10, left: 30 }); 设置最后一个p元素的位置。...', 'red'); .position()   获取到匹配元素中第一个元素的当前坐标   .position() 这个方法不接受任何参数.position() 可以获取得元素相对于父元素的偏移位置...$("div.demo").scrollLeft(300); .scrollTop()   获取匹配的元素集合中第一个元素的当前垂直滚动条的位置或设置每个匹配元素的垂直滚动条的距离。

    3.4K60
    领券