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脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
拼多多买过的东西在哪里查看记录 查看买过的商品记录的方法
Mar 12, 2024 pm 07:20 PM
拼多多软件内提供的商品好物非常多，随时随地想买就买，而且每一件商品质量都是严格把关的，件件商品都是正品，不同还有非常多优惠的购物折扣，让大家网购根本停不下来。输入手机号在线登录，在线添加多个收货地址和联系方式，可以随时查看最新的物流动态，不同品类的商品板块都是开放的，搜索上下滑动选购下单，足不出户轻松体验便捷的网购服务，还能查看所有的购买记录，包括自己买过的商品，数十个购物红包、优惠券免费领取使用，现在小编在线详细为拼多多用户们带来查看买过的商品记录的方法。 1.打开手机，点击拼多多图标，
星穹铁道克劳克影视乐园折纸小鸟位置
Mar 27, 2024 pm 11:51 PM
星穹铁道克劳克影视乐园总共有20只折纸小鸟，有很多玩家不知道克劳克影视乐园折纸小鸟在哪，小编已经把每只折纸小鸟位置全部都总结出来了，帮助大家进行寻找，具体内容一起来看看这篇克劳克影视乐园折纸小鸟位置最新汇总。崩坏星穹铁道攻略大全星穹铁道克劳克影视乐园折纸小鸟位置1、克劳克影视乐园一层2、克劳克影视乐园二层
C语言编程必备软件：五个推荐给初学者的好帮手
Feb 20, 2024 pm 08:18 PM
C语言作为一门基础而重要的编程语言，对于初学者来说，选择合适的编程软件是非常重要的。在市场上有许多不同的C语言编程软件可供选择，但对于初学者来说，适合自己的选择可能有些困惑。本文将推荐给初学者的五个C语言编程软件，帮助他们快速入门和提高编程能力。Dev-C++Dev-C++是一款免费开源的集成开发环境（IDE），特别适合初学者使用。它简单易用，集成了编辑器、
了解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 07, 2024 pm 08:16 PM
在《最后纪元》中，玩家可以玩多种形式，如游戏模式、挑战模式和竞技场等。竞技场则是游戏的终极玩法，提供两种模式供玩家选择。最后纪元竞技场在哪答：竞技场属于终局玩法，具体位置在冠军之门处。需要获取竞技场钥匙或记忆的竞技场钥匙，右键单击后可见世界地图，并能找到冠军之门的具体位置。竞技场分为两大模式：竞技场冠军模式和无尽竞技场模式。前者包括40波敌人与选择的奖励，总要在与竞技场冠军的较量中达到顶峰。竞技场冠军模式共有4阶段，难度越高，奖励越好。无尽竞技场是无限波次的模式，难度逐渐增加，成绩最好的挑战者将
美团天天神券位置在哪_美团天天神券位置介绍
Mar 27, 2024 pm 05:11 PM
1、我们打开手机中的美团，然后在首页点击左上角的外卖选项。2、进入外卖的平台页面之后，在首页就可以看到有天天神券的板块了，直接点击。3、进入天天神券之后，就会看到很多的活动，点击完成，然后我们完成任务就可以获得奖励了。
快手发布于哪里怎么改位置？已经上传的视频怎么添加位置呢？
Mar 21, 2024 pm 06:00 PM
作为国内知名的短视频平台，快手为众多创作者提供了展示才华和分享生活的机会。在上传视频时，一些新手创作者可能会困惑于如何更改视频发布位置。本文将为您介绍快手视频发布位置的更改方法，并分享一些快手视频发布的技巧，帮助您更好地利用这个平台展示自己的作品。一、快手发布于哪里怎么改位置？1.发布界面：在快手APP中，点击“发布”按钮，进入视频发布界面。2.位置信息：在发布界面，有“位置”一栏，点击进入位置选择界面。3.更改位置：在位置选择界面，点击“定位”按钮，可以查看当前所在位置。如需更改位置，点击“位
