JavaScript记录光标在编辑器中位置的实现方法_javascript技巧
本文实例讲述了JavaScript记录光标在编辑器中位置的实现方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function $(ele){return document.getElementById(ele)}
//记录编辑器中的位置
var selection_start;
var selection_end;
function savePos(textBox){
var start=0;
var end=0;
if(typeof(textBox.selectionStart) == "number"){ // not ie
//alert(typeof(textBox.selectionStart) );
start = textBox.selectionStart;
end = textBox.selectionEnd;
}
else if(document.selection){
var range = document.selection.createRange();
if(range.parentElement().id == textBox.id){
var range_all = document.body.createTextRange();
range_all.moveToElementText(textBox);
for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)
range_all.moveStart('character', 1);
for (var i = 0; i <= start; i ++){
if (textBox.value.charAt(i) == '/n')
start++;
}
var range_all = document.body.createTextRange();
range_all.moveToElementText(textBox);
for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)
range_all.moveStart('character', 1);
for (var i = 0; i <= end; i ++){
if (textBox.value.charAt(i) == '/n')
end ++;
}
}
}
selection_start = start;
selection_end = end;
}
</script>
<form action="" id="test">
<textarea id="t" onfocus="savePos(this);$('log').value=selection_start" onkeydown="savePos(this);$('log').value=selection_start" onmousedown="savePos(this);$('log').value=selection_start" onmouseup="savePos(this);$('log').value=selection_start" >
</textarea>
<input type="text" id="log" />
</form>
</body>
</html>
更多关于JavaScript相关内容可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
拼多多买过的东西在哪里查看记录 查看买过的商品记录的方法
Mar 12, 2024 pm 07:20 PM
拼多多软件内提供的商品好物非常多，随时随地想买就买，而且每一件商品质量都是严格把关的，件件商品都是正品，不同还有非常多优惠的购物折扣，让大家网购根本停不下来。输入手机号在线登录，在线添加多个收货地址和联系方式，可以随时查看最新的物流动态，不同品类的商品板块都是开放的，搜索上下滑动选购下单，足不出户轻松体验便捷的网购服务，还能查看所有的购买记录，包括自己买过的商品，数十个购物红包、优惠券免费领取使用，现在小编在线详细为拼多多用户们带来查看买过的商品记录的方法。 1.打开手机，点击拼多多图标，
C语言编程必备软件：五个推荐给初学者的好帮手
Feb 20, 2024 pm 08:18 PM
C语言作为一门基础而重要的编程语言，对于初学者来说，选择合适的编程软件是非常重要的。在市场上有许多不同的C语言编程软件可供选择，但对于初学者来说，适合自己的选择可能有些困惑。本文将推荐给初学者的五个C语言编程软件，帮助他们快速入门和提高编程能力。Dev-C++Dev-C++是一款免费开源的集成开发环境（IDE），特别适合初学者使用。它简单易用，集成了编辑器、
星穹铁道克劳克影视乐园折纸小鸟位置
Mar 27, 2024 pm 11:51 PM
星穹铁道克劳克影视乐园总共有20只折纸小鸟，有很多玩家不知道克劳克影视乐园折纸小鸟在哪，小编已经把每只折纸小鸟位置全部都总结出来了，帮助大家进行寻找，具体内容一起来看看这篇克劳克影视乐园折纸小鸟位置最新汇总。崩坏星穹铁道攻略大全星穹铁道克劳克影视乐园折纸小鸟位置1、克劳克影视乐园一层2、克劳克影视乐园二层
了解pip安装包存储的位置和结构
Jan 18, 2024 am 08:23 AM
深入了解pip安装的包存放位置，需要具体代码示例pip是Python语言常用的包管理工具，用于方便地安装、升级和管理Python包。在使用pip安装包时，它会自动从PyPI（Python包索引）下载对应的包文件，并将其安装到指定的位置。那么，pip安装的包究竟存放在哪里呢？这是很多Python开发者都会遇到的问题。本文将深入探讨pip安装的包存放位置，并提供
win11关机位置
Jan 10, 2024 am 09:14 AM
如果我们要长时间离开电脑，那么最好将电脑关机保护它，那么win11关机在哪里呢，其实一般来说只要打开开始菜单，在其中就可以找到关机按钮了。win11关机在哪里：答：在开始菜单的电源按钮里。1、首先我们点击底部任务栏的“windows徽标”打开“开始菜单”2、打开后，可以在右下角找到“电源”按钮，如图所示。3、点击电源按钮后，就能看到“关机”了，点击它就能关机。4、如果因为死机等特殊情况无法关机，那么可以直接用电脑上的“电源键”长按强制关机。
快手发布于哪里怎么改位置？已经上传的视频怎么添加位置呢？
Mar 21, 2024 pm 06:00 PM
作为国内知名的短视频平台，快手为众多创作者提供了展示才华和分享生活的机会。在上传视频时，一些新手创作者可能会困惑于如何更改视频发布位置。本文将为您介绍快手视频发布位置的更改方法，并分享一些快手视频发布的技巧，帮助您更好地利用这个平台展示自己的作品。一、快手发布于哪里怎么改位置？1.发布界面：在快手APP中，点击“发布”按钮，进入视频发布界面。2.位置信息：在发布界面，有“位置”一栏，点击进入位置选择界面。3.更改位置：在位置选择界面，点击“定位”按钮，可以查看当前所在位置。如需更改位置，点击“位
Go语言开发工具介绍：必备工具一览
Mar 29, 2024 pm 01:06 PM
标题：Go语言开发工具介绍：必备工具一览在Go语言的开发过程中，使用合适的开发工具可以提高开发效率和代码质量。本文将介绍几款在Go语言开发中常用的必备工具，并附上具体的代码示例，让读者更加直观地了解它们的使用方法和作用。1.VisualStudioCodeVisualStudioCode是一款轻量级且功能强大的跨平台开发工具，具有丰富的插件和功能，
高德地图家的位置怎么改
Feb 27, 2024 pm 07:31 PM
高德地图作为我们日常出行的得力助手，不仅提供了精准的导航服务，还人性化的让用户们直接确定自己“家的位置”。方便每次查询自己的回家路线。但是有的时候我们家的位置也需要更新，所以究竟该如何在高德地图中轻松修改“家的位置”呢?接下来，就跟随小编的攻略，一起来学习修改方法吧!高德地图家的位置怎么改答案：【高德地图】-【设置】-【三点图标】-【修改地点】-【设置地点】-【设为家庭住址】。具体步骤：1、首先打开高德地图软件，进入到首页中后我们往上滑动之后找到回家之后点击【设置】;2、然后在设置的页面中我们可
