1,在text中按后退键,然后得到光标位置后，光标会移动到text的最前面,为了移动到文本的最后面,
加了4行代码(见注释)。这里并没有彻底搞明白，先立此存照。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GBK">
<script src="../pub/jquery/jquery.pack.js"></script>
<script>
function getTextCaretPos(textObj){
var curRange = document.selection.createRange();
var tbRange = textObj.createTextRange();
tbRange.collapse(true);
tbRange.select();
var headRange = document.selection.createRange();
headRange.setEndPoint("EndtoEnd", curRange);
var pos = headRange.text.length;
return pos;
}
jQuery(document).ready(function(){
jQuery('#test').keyup(function(event){
switch(event.keyCode){
case 8:
$('#pos').html(getTextCaretPos($('#test').get(0)));
//以下4行移动光标到文本最后面
$('#test')[0].focus();
var rng =$('#test')[0].createTextRange();
rng.collapse(false);
rng.select();
break;
}
}
);
}
);
</script>
</head>
<body>
<input id='test'>
pos:
<span id='pos'></span>
</body>
</html>
分享到：
相关推荐
在前端开发中，经常需要处理用户在文本框（如`<input type="text">`或`<textarea>`）内的输入行为，例如实现自动填充、实时校验等功能时，获取光标的位置就显得尤为重要。本文将详细介绍如何使用JavaScript来实现这...
本文档将详细介绍`TextArea`的使用方法，并通过实例演示如何限制`TextArea`中的字符数和行数。 #### 二、基础知识 `TextArea`是HTML中的一种表单控件，用于获取用户输入的多行文本。它的基本语法如下： ```html ...
此外，对于现代浏览器，可以使用`TextRange`对象的方法来处理选区，而IE中则需要使用`Range`对象。 总之，通过JavaScript，我们可以实现textarea中Tab键的缩进功能，使得在网页上的代码编辑体验更加接近于专业代码...
在Web开发中，操作textarea元素是经常遇到的...同时，对于textarea的深入操作，还需要注意一些特殊情况的处理，例如光标位置的精确计算，以及在不同浏览器中的特定bug处理等，从而保证功能的正确实现和用户体验的优化。
本文将深入探讨"jquery select text"这一主题，帮助你理解和掌握如何在jQuery中选择并操作文本。 首先，让我们了解什么是“select text”。在网页中，用户通常可以通过鼠标或键盘操作来选中页面上的文本。在...
代码中的逻辑是让textarea获得焦点，然后创建一个文本范围（Range），接着通过设置Range的text属性来插入目标文本。最后，通过Range的select方法来重新选定含有新文本的文本范围。 2. Mozilla/Firefox和Netscape等...
因此可能在文字识别方面存在一定误差，但根据提供的内容描述，可以推断出文档的主体部分是在解释如何使用JavaScript函数getPos和setPos来获取和设置HTML文本框（input类型为text或textarea）中文本选择的起始和结束...
这里主要涉及两种浏览器环境下的处理方式：IE和其他现代浏览器（Firefox, Chrome, Safari, Opera）。下面我们将详细讲解这两种情况的实现方法。 1. **IE浏览器的支持**： 在IE浏览器中，我们可以使用`document....
在JavaScript（JS）中，复制文本是一项常见的功能，特别是在网页交互和用户操作中。HTML的textarea、input和span标签都是可以包含或者展示文本的元素，它们各有不同的应用场景。本篇文章将详细探讨如何利用...
在实际应用中，我们可能还需要考虑其他复杂情况，比如处理多行文本、文本区域滚动、以及光标位置的保存和恢复等。确保代码的健壮性和兼容性对于提升用户体验至关重要。 总之，通过JavaScript的`selectionStart`和`...
在JavaScript中，获取和设置光标位置是常见的需求，特别是在处理用户输入时，例如在`Input`或`TextArea`元素中。以下将详细介绍如何在不同类型的输入元素中实现这一功能，并确保兼容性。 首先，我们需要了解`Input`...
本文将深入探讨如何用JavaScript获取和设置Input和TextArea元素中的光标位置，并提供兼容性处理的方法。 在获取Input或TextArea元素光标位置时，我们需要区分对待IE浏览器和其他现代浏览器。IE浏览器通过document....
在JavaScript中，获取和操作光标位置是前端开发中常见的需求，这主要涉及到文本输入框（`<input>`或`<textarea>`）中的光标管理。`get cursor`这个话题通常指的是如何获取用户在文本输入元素中当前光标的索引位置，...
综上所述，"js文本复制与剪切"这个主题涵盖了JavaScript中如何利用API实现文本复制和剪切功能，以及处理兼容性和安全问题的方法。通过理解这些知识点，开发者能够创建出更加用户友好的Web应用。如果你解压了“js文本...
在富文本编辑器（如CKEditor、TinyMCE等）中，处理方式会有所不同，因为这些编辑器内部维护了自己的DOM结构和光标管理。在这种情况下，通常需要使用编辑器提供的API来插入内容，例如CKEditor的`insertHtml()`或`...
在网页开发中，常常需要获取用户在`<input>`元素（通常是`type="text"`或`type="textarea"`）中选取的部分文本，这通常涉及到浏览器的选区操作。本文将详细介绍如何在JavaScript中获取`input`元素中部分选中...
在JavaScript中，获取光标在文本框（input[type="text"]或textarea）中的位置是一项常见的需求，这在处理用户输入或者实现某些特定功能时非常有用。以下是一些关于如何使用JavaScript来实现这一功能的关键知识点： ...
4. **选择内容**：这是用户在文本框中选中的文本，由起始位置和终止位置定义。如果用户选择了“Hello, World!”中的“World”，那么选择内容就是“World”。 在JavaScript中，我们可以使用以下方法来获取和操作这些...