转载请注明来源：https://www.cnblogs.com/hookjc/

光标定位：

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="generator" content="microsoft frontpage 4.0">
<meta name="progid" content="frontpage.editor.document">
<title>光标位置</title>
<style>
input{border: 1 solid #000000}
body,table{font-size: 10pt}
</style>
</head>
<body>
<table border="0" width="700" cellspacing="0" cellpadding="0">
<tr>
<td width="479" rowspan="7">
点击 textarea 实现光标定位
<p>
<textarea rows="7" cols="49" id="box" onclick=tellpoint()>我怕来不及我要抱着你，直到感觉你的绉纹有了岁月的痕迹，直到视线变得模糊直到不能呼吸
为了你我愿意
动也不能动也要看着你，直到感觉你的发线有了白雪的痕迹，直到肯定你是真的直到失去力气让我们形影不离
如果全世界我也能放弃，至少更有你值得我去珍惜而你在这里就是生命的奇迹
也许全世界我也能忘记，就是不愿意失去你的消息你掌心的痣我总记得在哪里
我们好不容易我们身不由已，我怕时间太快不够将你看仔细，我怕时间太慢日夜担心失去你恨不得一夜之间白头永不分离
</textarea>

<script>

function movepoint()
{
 var pn = parseInt(pnum.value);
 if(isNaN(pn))
   return;
 var rng = box.createTextRange();
 rng.moveStart("character",pn);
 rng.collapse(true);
 rng.select();
 returncase(rng);
}

function tellpoint()
{
 var rng = event.srcElement.createTextRange();
 rng.moveToPoint(event.x,event.y);
 rng.moveStart("character",-event.srcElement.value.length);
 pnum.value = rng.text.length;
 returncase(rng);
}

function returncase(rng)
{
 bh.innerText = rng.boundingHeight;
 bl.innerText = rng.boundingLeft;
 bt.innerText = rng.boundingTop;
 bw.innerText = rng.boundingWidth;
 ot.innerText = rng.offsetTop;
 ol.innerText = rng.offsetLeft;
 t.innerText = rng.text;
}

function selecttext(sp,ep)
{
 sp = parseInt(sp);
 ep = parseInt(ep); 
 if(isNaN(sp)||isNaN(ep))
  return;
 var rng = box.createTextRange(); 
 rng.moveEnd("character",-box.value.length);
 rng.moveStart("character",-box.value.length);  
 rng.collapse(true);  
 rng.moveEnd("character",ep);
 rng.moveStart("character",sp); 
 rng.select();
 returncase(rng);
}

function findtext(tw)
{
 sw = document.selection.createRange().text.length; 
 var rg = box.createTextRange();
 rg.moveEnd("character",box.value.length); 
 rg.moveStart("character",sw);
 if(rg.findText(tw))
 {
  rg.select(); 
  returncase(rg);
 } 
 if(rg.text!=tw)
 {
  alert("已搜索完成，未发现此内容")
  rg = box.createTextRange()
 }
}
</script>
</p>
<p></p>
光标位置：<input type="text" value="0" id="pnum" size="8"> <input type="button" onClick="movepoint()" value="移动光标到指定位置">
<p></p>
选择指定范围：<input type="text" size="9" id="sbox"> -- <input type="text" size="9" id="ebox"> <input type="button" onClick="selecttext(sbox.value,ebox.value)" value="选择">
<p></p>
选择查找字符 ：<input type="text" value="" id="cbox" size="8"> <input type="button" onClick="findtext(cbox.value)" value="查找下一个并选择">

</td>
<td width="217">boundingheight:&nbsp;<span id="bh"></span></td>
</tr>
<tr>
<td width="217">boundingwidth:&nbsp;<span id="bw"></span></td>
</tr>
<tr>
<td width="217">boundingtop:&nbsp;<span id="bt"></span></td>
</tr>
<tr>
<td width="217">boundingleft:&nbsp;<span id="bl"></span></td>
</tr>
<tr>
<td width="217">offsetleft:&nbsp;<span id="ol"></span> </td>
</tr>
<tr>
<td width="217">offsettop:&nbsp;<span id="ot"></span> </td>
</tr>
<tr>
<td width="217">text:&nbsp;<span style="position: absolute; z-index: 10" id="t"></span> </td>
</tr>
</table>
</body>

</html>

来源：python脚本自动迁移

js 实现光标控制与字符串查找的更多相关文章

  1. js与java正则表达式处理字符串问题

    在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要.正则表达式就是用于描述这些规则的工具.换句话说,正则表达式就是记录文本规则的代码.合理使用正则表达式确实会为程序员省去很多字 ...

  2. js获取光标位置

    js获取光标位置   var TT = { /* * 获取光标位置 * @Method getCursorPosition * @param t element * @return number */ ...

  3. TCHAR字符串查找&反向查找字符串

    C++支持两种字符串,即常规的ANSI编码("字符串")和Unicode编码(L"字符串"),相应的就有两套字符串处理函数,比如:strlen和wcslen,分 ...

  4. Rabin-Karp指纹字符串查找算法

    首先计算模式字符串的散列函数, 如果找到一个和模式字符串散列值相同的子字符串, 那么继续验证两者是否匹配. 这个过程等价于将模式保存在一个散列表中, 然后在文本中的所有子字符串查找. 但不需要为散列表 ...

  5. 自己动手写文件查找，字符串查找，查询jar包等工具

    文件查找——搜索当前目录下的文件 知道大概的文件名称,使用 findf FileName findf.py import argparse, re, os from os.path import jo ...

  6. 关于字符串查找 charindex ,Patindex 还有一个like

    字符串查找.在模糊朝找的情况下,其实3者的效率是差不多的.都需要一个一个取出来然后扫一遍╮(╯_╰)╭.然而用法还是会有一点儿的区别 1 charindex (查找的字符串,字符串表达式[,开始查找的 ...

  7. 使用Js脚本 修改控制IE的注册表相关设置(activex等)

    使用Js脚本 修改控制IE的注册表相关设置(activex等) 分类: PHP2012-12-05 18:51 2035人阅读 评论(2) 收藏 举报 脚本写法: <SCRIPT LANGUAG ...

  8. python 字符串查找

    python 字符串查找有4个方法,1 find,2 index方法,3 rfind方法,4 rindex方法. 1 find()方法: )##从下标1开始,查找在字符串里第一个出现的子串:返回结果3 ...

  9. js如何将纯数字字符串转换为long型

    1.js如何将纯数字字符串转换为long型? js 中 int的存储位数?最大十进制数表示是多少? 精度http://www.jb51.net/article/59808.htm 整数(不使用小数点或 ...

随机推荐

  1. VAE with a VampPrior

    目录 概 主要内容 分级的VAE 代码 Tomczak J. & Welling M. VAE with a VampPrior. In International Conference on ...

  2. [算法笔记-题解]问题 B: 例题4-2 比较交换实数值

    问题 B: 例题4-2 比较交换实数值 [命题人 : 外部导入] 时间限制 : 1.000 sec 内存限制 : 12 MB 题目描述 从键盘输入2个实数,按照代数值由小到大的顺序输出这两个数. 输入 ...

  3. Java初学者作业——编写Java程序，简单判断“王者荣耀”英雄收到攻击后是否死亡

    返回本章节 返回作业目录 需求说明: 判断"王者荣耀"中英雄受到攻击后是否死亡? 计算"王者荣耀"中怪物攻击英雄的伤害,做出英雄死亡的判断. 如果英雄受到过量伤 ...

  4. 使用docker快速部署一个consul集群

    作为一个开发者,有时候需要一个集群环境,之前的做法要么就是使用多个虚拟机,要么就是采用不同的端口来模拟,但是虚拟机比较占内存,而且启动慢,采用不同的端口来模拟,管理起来比较麻烦一些,程序隔离性差一些. ...

  5. IIS部署.net core项目

    1.安装AspNetCoreModule模块 与ASP.NET时代不同,ASP.NET Core不再是由IIS工作进程(w3wp.exe)托管,而是使用自托管Web服务器(Kestrel)运行,中间最 ...

  6. openlayers素材网站

    1.教程网站 http://weilin.me/ol3-primer/ch05/05-03.html 2.特效气象图 https://earth.nullschool.net/zh-cn/#curre ...

  7. 微信小程序动画实现(API,css)

    微信小程序动画API实现 index.js clicktap:function(){ var Animation=wx.createAnimation({ duration: 2000, }) Ani ...

  8. 移动端字体图标不显示的Bug

    用16进制编码的字体图标在部分小米机型显示不正常. 测试机型:小米1,小米1s,小米2浏览器:微信6.1内置浏览器,QQ浏览器 5.7 X5内核字体图标:不显示svg图标:显示正常 以下来自额微信内置 ...

  9. SSRF打内网redis

    0x00 redis基础 REmote DIctionary Server(Redis) 是一个由Salvatore Sanfilippo写的key-value存储系统.Redis是一个开源的使用AN ...

  10. mybatis关联查询基础----高级映射

    本文链接地址:mybatis关联查询基础----高级映射(一对一,一对多,多对多) 前言: 今日在工作中遇到了一个一对多分页查询的问题,主表一条记录对应关联表四条记录,关联分页查询后每页只显示三条记录 ...