java 光标在文本框中_[Java教程][图解]在输入框和文本框中获取和设置光标位置，以及选中文本和获取选中文本值的方法...

最新推荐文章于 2022-01-24 15:14:11 发布
VIP文章 最新推荐文章于 2022-01-24 15:14:11 发布
阅读量797 收藏 1
点赞数
文章标签： java 光标在文本框中
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_31154627/article/details/114105984
版权

[Java教程][图解]在输入框和文本框中获取和设置光标位置，以及选中文本和获取选中文本值的方法

0 2015-03-09 20:00:26

写在前面

最近在segmentfault上看到它的日期输入控件，感觉挺有意思。好吧，动手写一个，加到自己的代码库里吧。

bc91bb04e6e9c61e24c974e4440db8f2.gif

bc91bb04e6e9c61e24c974e4440db8f2.gif

然后问题来了，在上面图片中，我们很明显的看得出这里涉及光标位置的控制。比如说当我输入1993的3之后，光标必须要得插入到-中划线的下个输入点。

在网上找了找获取和设置光标位置的方法，发现是资料是相当的破碎，并没有一个详细的介绍。 所以我来一个详细的。  好了，不要啰嗦。

基本的认识

文本选中区域

bc91bb04e6e9c61e24c974e4440db8f2.gif

光标

最低0.47元/天 解锁文章
波仔好忙
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js获取光标位置和设置文本框光标位置示例代码
10-26
本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置，以下代码兼容IE和Chrome，Firefox，大家参考使用吧
如何获取与设置光标在input框的位置
热门推荐
在下月亮有何贵干
11-12 1万+
遇到一个场景，需要一些文本标签，点击自动添加进文本框，这时候就需要掌握如何获取与设置光标在input框的位置，做一个记录，记录使用方法。
java文本框自由调整光标位置_javascript设置文本框光标的方法实例小结
weixin_31526891的博客
03-02 353
本文实例总结了javascript设置文本框光标的方法。分享给大家供大家参考，具体如下：对于text//得到光标位置function getCaret(textbox) {var control = document.activeElement;textbox.focus();var rang = document.selection.createRange();rang.setEndPoint(...
java 光标在文本框中_javascript获取/设置 文本框/文本域中的光标位置
weixin_39753260的博客
02-16 226
htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">javascript获取/设置文本框/文本域中的光标位置functiongetTxt1CursorPosition(){varoTxt1=document.getElem...
java中文本区中光标怎么移动,input或textarea中关于光标移动问题
weixin_33973572的博客
03-11 496
什么是光标页面上输入框中闪烁的光标其实是一个选区，也就是选区的左边界和右边界直接形成的选区。非IE浏览器输入框结点input=document.getElementById('#input')有二个属性： selectionStart、selectionEnd，分别代表选区开始位置，选区结束位置。通过修改这二个值就可以形成选区，宽度为0也就实现了光标的位置控制和获取。IE浏览器IE浏览器提供的A...
java 设置光标_java如何设置光标位置 java设置光标位置教程
weixin_32742203的博客
02-12 788
java设置光标位置方法：方法一、import Java.awt.TextField;import javax.swing.JFrame;public class InsertPosition extends JFrame {InsertPosition(){setSize(300, 200);TextField tf=new TextField("cecfagag");tf.setCaretPo...
使用TextRange获取输入框中光标的位置的代码
10-31
使用TextRange获取输入框中光标的位置的代码
获取和设置文本框的光标位置
06-01
插件可以获取和设置文本框的光标位置和选中指定范围内的文本
获取和设置输入框光标位置的插件
10-29
获取和设置输入框光标位置的插件 获取和设置输入框光标位置的插件
判断页面输入时所有文本框是否有光标
tang574884050的博客
03-27 614
$(document).ready(function(){ var flag=0; $("input[type=text], input[type=password], textarea").focus( function(){ flag=1; }); $("input[type=text], input[type=password], textar...
input输入框在移动端出现光标无法垂直居中的问题解决办法
web_callBack的博客
12-27 2676
出现问题的原因：就是在input设置样式的时候不要使用line-height来实现垂直居中。 解决的办法：要想实现文字的垂直居中，应该设置高度，然后再使用padding来进行填充。
java 光标在文本框中,Java的：保持光标在一个区域
weixin_35926197的博客
02-16 98
For those of you who have played Madness Interactive, one of the most frustrating things is when the cursor leaves the game area, and you accidentally click. This causes the game to defocus and your c...
Java Swing弹出对话框之消息提示对话框MessageDialog
qq_35980294的博客
01-24 9124
消息提示对话框主要通过类的showMessageDialog来实现，主要用于信息提示、报警提示、错误提示等。 一、重载方法： JOptionPane.showMessageDialog(Component parentComponent, Object message) JOptionPane.showMessageDialog(Component parentComponent, Object message, String title, int messageType) JOptionPane.
java在任意光标处输入数据_使用JS在textarea在光标处插入内容
weixin_34511324的博客
03-02 292
// 在光标处插入字符串// myField 文本框对象// myValue 要插入的值function insertAtCursor(myField, myValue){//IE supportif (document.selection){myField.focus();sel = document.selection.createRange();sel.text ...
java 光标在文本框中_JAVA 实现如何将一段文本输出到当前光标?
weixin_39632524的博客
02-13 750
我的理解有2个问题要解决:1.获得文本框中当前光标的位置这个可以通过getCaretPosition()方法得到2.输出文本到当前位置这个分为两个步骤:1.拼接字符串 2.输出如:// 获得当前光标位置int cur = show.getCaretPosition();// 得到光标之后的字符串String tailString = show.getText().substring(cur);//...
java 获取光标_如何取得Java应用程序中当前光标位置
weixin_42363662的博客
02-23 772
展开全部jTextArea1;好像就这两个函数setSelectionEnd(pos)jTextArea1.setSelectionStart(pos)a.requestFocus看看textArea的属性里有getCaretPosition();一个继承自Class TextComponent的方法也可以getSelectionStart();(1)：如果是刚刚打开一个窗口就要626169647...
让光标在文本框的第一个位置出现
foart的专栏
03-28 3794
var txtFocus = document.getElementById("ap_CarUnit"); var position = 0; var userAgent=window.navigator.userAgent.toLowerCase(); var isMozilla = /firefox/.test(userAgent);//火狐 var isWwebkit = /web
在contenteditable容器中使用html元素后，如何设置和获取光标位置
最新发布
06-07
在`contenteditable`容器中使用`HTML`元素后，获取和设置光标位置的方法与普通的`contenteditable`容器有所不同，因为获取和设置光标位置需要考虑到`HTML`元素的影响。下面是一个示例代码片段： ```javascript function getCaretPosition(element) { let caretOffset = 0; const range = window.getSelection().getRangeAt(0); const preCaretRange = range.cloneRange(); preCaretRange.selectNodeContents(element); // 如果光标在HTML元素内部，则需要对光标位置进行偏移 if (range.startContainer.parentNode !== element) { const offset = getOffsetWithinParent(range.startContainer); caretOffset = preCaretRange.toString().length + offset; } else { preCaretRange.setEnd(range.endContainer, range.endOffset); caretOffset = preCaretRange.toString().length; } return caretOffset; } function setCaretPosition(element, caretPos) { const range = document.createRange(); const sel = window.getSelection(); const { childNodes } = element; let currentNode = element; let charCount = 0; let foundStart = false; for (let i = 0; i < childNodes.length; i++) { const node = childNodes[i]; if (node.nodeType === Node.ELEMENT_NODE) { if (caretPos <= charCount + node.textContent.length) { currentNode = node; foundStart = true; break; } charCount += node.textContent.length; } else if (node.nodeType === Node.TEXT_NODE) { if (caretPos <= charCount + node.length) { range.setStart(node, caretPos - charCount); foundStart = true; break; } charCount += node.length; } } if (!foundStart) { range.setStart(currentNode, currentNode.childNodes.length); } sel.removeAllRanges(); sel.addRange(range); } // 获取HTML元素在父节点中的偏移量 function getOffsetWithinParent(element) { let offset = 0; const parent = element.parentNode; const children = parent.childNodes; for (let i = 0; i < children.length; i++) { const child = children[i]; if (child === element) { break; } if (child.nodeType === Node.ELEMENT_NODE) { offset += child.outerHTML.length; } else if (child.nodeType === Node.TEXT_NODE) { offset += child.textContent.length; } } return offset; } ``` 其中，`getCaretPosition`函数可以获取当前光标在`element`中的位置，`setCaretPosition`函数可以将光标设置到`element`的指定位置，`getOffsetWithinParent`函数可以获取`HTML`元素在父节点中的偏移量。你可以在需要的时候调用这些函数来设置和获取光标位置。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值