javascript 获得当前光标位置

最新推荐文章于 2024-04-15 15:42:58 发布
最新推荐文章于 2024-04-15 15:42:58 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： JAVASCRIPT代码 文章标签： javascript button
  1. <html>
  2. <title>111</title>
  3. <head>
  4. <script language="javascript">
  5. function getPos(obj){
  6. obj.focus();
  7. var s=document.selection.createRange();
  8. s.setEndPoint("StartToStart",obj.createTextRange())
  9. alert(s.text.length);
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <input type="text" id="txt1" value="1234567890">
  15. <input type="button" value="得到光标位置" οnclick=getPos(txt1)>
  17. </body>
  18. </html>
denver_2013
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取鼠标位置实例详解
11-23
本文实例讲述了js获取鼠标位置的方法。分享给大家供大家参考，具体如下： 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同，这里详细介绍了浏览器在处理这些属性时的差异和最终的解决方法。 Javascript代码如下: [removed] // 说明：获取鼠标位置 // 整理：http://www.codebit.cn // 来源：http://www.webreference.com fu
JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容
07-26
JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容、兼容IE8，很好的例子！
程序天下:JavaScript实例自学手册
07-08
第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错原因 1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的文本 3.25 文字逐个闪亮-霓虹灯效果 3.26 旋转式的变色文字特效 3.27 黑客帝国中的字符下落效果 3.28 获取表单中文本框的个数 3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最顶端的文本 3.43 JavaScript过滤SQL注入字符 3.44 textarea内实现行的翻页效果 3.45 textarea中的文本插入 3.46 查找两段文本中相同的词句 3.47 自动保存网页输出的文本 3.48 文本编辑器 第4章 鼠标特效 4.1 禁用鼠标右键 4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15 鼠标旁边的提示信息 4.16 鼠标移到下拉框时自动全部打开 4.17 checkbox鼠标移入移出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序
JavaScript中在光标处插入添加文本标签节点的详细方法
12-08
正确的方法是正确运用Selection对象和Range对象，实现在光标当前位置插入文本或结点。但是这两个对象在IE和标准的DOM方式的运用方法是不同的。 思路：首先获得用户的选区（光标当前位置可理解成起始和终止位置一样的选区）。然后，从Selection对象转成Range对象。目的是利用Range对象的方法插内容进去。最后，插入动作结束后将光标移到插入内容的后面。 var sel = win.document.selection; //IE var sel = win.getSelection(); //DOM var range = sel.createRange(); // IE下 va
JavaScript 中获取光标位置
越陌度阡
03-04 7861
1.概念和原理 DOM中并没有直接获取光标位置的方法，那么我们只能间接来获取光标位置。DOM支持获取光标选中的范围，我们可以以此为切入点，来获取或定位光标的位置，当选取范围起始点和结束点一样时，就是光标插入的位置。 1.1. 术语 anchor：选区起点。 focus：选区终点。 range：选区范围，包含整个节点或节点的一部分。 1.2. Selection Selection对象......
页面一载入光标定位到文本框,并选中其中文字
08-27
页面一载入光标定位到文本框,并选中其中文字
js 指定光标位置
weixin_35757531的博客
01-07 4190
可以使用 JavaScript 中的 selectionStart 和 selectionEnd 属性来指定光标的位置。 这些属性属于 HTMLInputElement 对象，因此你需要首先将你的输入元素转换为这种类型，然后就可以使用这些属性了。 例如： constinput = document.getElementById('myInput'); input.selectionStart = ...
javascript光标定位
weixin_33720956的博客
09-03 61
//从网络摘抄 <scriptlanguage="javascript"> functioncc() { vare=event.srcElement; varr=e.createTextRange(); r.moveStart('character',3);//定位到第三个字...
js获取光标位置
weixin_48304636的博客
07-07 2076
1.概念和原理 DOM中并没有直接获取光标位置的方法，那么我们只能间接来获取光标位置。DOM支持获取光标选中的范围，我们可以以此为切入点，来获取或定位光标的位置。当选取范围起始点和结束点一样时，就是光标插入的位置。 1.1 术语 anchor(瞄点)：选区起点。 focus(焦点)：选区终点。 range(范围)：选区范围，包含整个节点或节点的一部分。 1.2 Selection Selection: Selection对象表示用户选择的文本范围或插入符号的位置。 经过实验发现Selection选取的节点范
js --- 获取|设置光标位置
Dark_programmer的博客
03-07 1万+
JS光标1. 获取光标位置2. 光标处添加文本且重新设置光标位置 只要是前端开发人员，遇到实现输入框是早晚的事情。而关于光标的处理，又是其重中之重的点。 <textarea v-model="textareaValue" id="textarea" name="content" rows="3" placeholder="请输入内容。。。"> 1. 获取光标位置 以上述标签为例，如何获取该标签的光标位置呢？ function getCursorPosition(){ let element
js 中的selection对象使用笔记+光标定位
08-14
NULL 博文链接：https://jm1999.iteye.com/blog/2317291
cli-position:设置CLI的当前位置或相对于其当前位置进行修改
05-09
气候设置CLI的当前位置或相对于其当前位置进行修改。安装npm install --save cli-position用法导出单个对象。 只需要求它即可获取对象： var pos = require ( "cli-position" ) ; 功能描述.columns() 返回CLI中的列...
JavaScript网页特效范例宝典源码
09-04
实例028 刷新当前页 44 实例029 自动最大化 45 实例030 自定义导航控制面板 46 实例031 根据用户分辨率自动调整窗口 48 1.5 窗口的其他效果 49 实例032 打开窗口时显示对话框 50 实例033 使窗口背景透明 50 实例034 ...
JS获取鼠标选中的节点信息
热门推荐
吴小迪的博客
05-02 4万+
今天给大家分享一下如何在项目中获取鼠标选中的节点和其他的信息 项目实战： 项目需求：在富文本编辑器上获取选中dom节点的内容，和鼠标所在的位置。 笔者前不久在某项目开发的过程中就遇到了这个问题，全网搜，感觉总结的好的还不是很多，就算是好的也不是很全，所以笔者决定把这些东西结合着我项目的需求去把这些知识点串起来，以供后面的朋友们解决问题。 首先要有一个输入框或者富文本编辑器（没有富文本编辑器朋友可以...
js 获取鼠标位置对应的节点_使用 Node.js 定制你的技术雷达：中篇
weixin_39613712的博客
11-22 375
使用 Node.js 定制你的技术雷达：中篇在上一篇文章中，我们本地已经能够运行起 Thoughtworks 新版本在线雷达。也能够通过修改 JSON 文件来完成对内容的更新维护，但是距离好用的技术雷达还差很远，尤其是在对雷达图上的技术点、页面内容进行更新维护的时候。本篇我们就继续来折腾，先从最复杂的雷达图部分开始吧。回顾技术雷达页面细节在继续进行定制修改前，需要先了解技术雷达的前端程序的实现方案...
js 获取鼠标选中的区域（带节点）
我见青山多妩媚,料青山见我应如是
09-09 2365
js 获取鼠标选中的区域（带节点）
JavaScript控制光标定位操作
Valar Morghulis Valar Dohaeris
01-15 5874
1、打开网页后将光标定位到某个Text文本框中 var alem= document.getElementById('txt_HeadLine'); alem.focus(); 2、打开网页后Text文本框内已经有了从数据库里读出来的内容，需要将光标定位到这个Text某个字符后面 比如文本框内容是：您好：JavaScript是一种前端语言 要将光标定位到冒号后面（不分中文或英文输入法），如...
js获取页面光标坐标（x轴y轴）
滕青山博客
06-14 1443
js获取页面光标坐标（x轴y轴）
使用 Fetch API 执行 GraphQL 查询和变体
最新发布
ikxin的博客
04-15 1117
GraphQL 是从远程服务器查询数据的强大工具，也是我构建 API 的首选方式。对一些人来说，学习它可能有一定难度，因为教程通常使用 Apollo 或 Relay 等工具进行编写。这些工具很不错，但通常更适用于复杂项目。在某些情况下，最好选择更轻量级的方法，并且不要通过添加额外的库增加包大小。在这种情况下，你可以直接使用浏览器中提供的工具，在本快速教程中，我们将使用在你的浏览器中通常可用的fetch。让我们首先简单地回顾一下fetch。
vue 获取div光标位置
07-14
该方法获取当前光标位置的`Range`对象，并计算光标相对于`div`元素的偏移量。最后，将光标位置输出到控制台。 请注意，上述示例仅适用于在鼠标抬起时获取光标位置。如果需要实时追踪光标位置的变化，可能需要在其他...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值