`
cuizhilei
  • 浏览: 9304 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

实现光标定位到指定位置

    博客分类:
  • js
阅读更多
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="generator" content="microsoft frontpage 4.0">
<meta name="progid" content="frontpage.editor.document">
<title>光标位置</title>
<style>
input{border: 1 solid #000000}
body,table{font-size: 10pt}
</style>
</head>
<body>
<table border="0" width="700" cellspacing="0" cellpadding="0">
<tr>
<td width="479" rowspan="7">
点击 textarea 实现光标定位
<p>
<textarea rows="7" cols="49" id="box" onclick=tellpoint()>我怕来不及我要抱着你,直到感觉你的绉纹有了岁月的痕迹,直到视线变得模糊直到不能呼吸
为了你我愿意
动也不能动也要看着你,直到感觉你的发线有了白雪的痕迹,直到肯定你是真的直到失去力气让我们形影不离
如果全世界我也能放弃,至少更有你值得我去珍惜而你在这里就是生命的奇迹
也许全世界我也能忘记,就是不愿意失去你的消息你掌心的痣我总记得在哪里
我们好不容易我们身不由已,我怕时间太快不够将你看仔细,我怕时间太慢日夜担心失去你恨不得一夜之间白头永不分离
</textarea>

<script>

function movepoint()
{
var pn = parseInt(pnum.value);
if(isNaN(pn))
  return;
var rng = box.createTextRange();
rng.moveStart("character",pn);
rng.collapse(true);
rng.select();
returncase(rng);
}

function tellpoint()
{
var rng = event.srcElement.createTextRange();
rng.moveToPoint(event.x,event.y);
rng.moveStart("character",-event.srcElement.value.length);
pnum.value = rng.text.length;
returncase(rng);
}


function returncase(rng)
{
bh.innerText = rng.boundingHeight;
bl.innerText = rng.boundingLeft;
bt.innerText = rng.boundingTop;
bw.innerText = rng.boundingWidth;
ot.innerText = rng.offsetTop;
ol.innerText = rng.offsetLeft;
t.innerText = rng.text;
}


function selecttext(sp,ep)
{
sp = parseInt(sp);
ep = parseInt(ep);
if(isNaN(sp)||isNaN(ep))
  return;
var rng = box.createTextRange();
rng.moveEnd("character",-box.value.length);
rng.moveStart("character",-box.value.length); 
rng.collapse(true); 
rng.moveEnd("character",ep);
rng.moveStart("character",sp);
rng.select();
returncase(rng);
}

function findtext(tw)
{
sw = document.selection.createRange().text.length;
var rg = box.createTextRange();
rg.moveEnd("character",box.value.length);
rg.moveStart("character",sw);
if(rg.findText(tw))
{
  rg.select();
  returncase(rg);
}
if(rg.text!=tw)
{
  alert("已搜索完成,未发现此内容")
  rg = box.createTextRange()
}
}
</script>
</p>
<p></p>
光标位置:<input type="text" value="0" id="pnum" size="8"> <input type="button" onClick="movepoint()" value="移动光标到指定位置">
<p></p>
选择指定范围:<input type="text" size="9" id="sbox"> -- <input type="text" size="9" id="ebox"> <input type="button" onClick="selecttext(sbox.value,ebox.value)" value="选择">
<p></p>
选择查找字符 :<input type="text" value="" id="cbox" size="8"> <input type="button" onClick="findtext(cbox.value)" value="查找下一个并选择">

</td>
<td width="217">boundingheight:&nbsp;<span id="bh"></span></td>
</tr>
<tr>
<td width="217">boundingwidth:&nbsp;<span id="bw"></span></td>
</tr>
<tr>
<td width="217">boundingtop:&nbsp;<span id="bt"></span></td>
</tr>
<tr>
<td width="217">boundingleft:&nbsp;<span id="bl"></span></td>
</tr>
<tr>
<td width="217">offsetleft:&nbsp;<span id="ol"></span> </td>
</tr>
<tr>
<td width="217">offsettop:&nbsp;<span id="ot"></span> </td>
</tr>
<tr>
<td width="217">text:&nbsp;<span style="position: absolute; z-index: 10" id="t"></span> </td>
</tr>
</table>
</body>

</html> 
分享到:
评论

相关推荐

    DataGridView光标定位到特定值的行

    ### DataGridView光标定位到特定值的行 在.NET框架下的Windows Forms应用程序中,DataGridView 控件是一种非常实用且功能丰富的表格控件,它可以帮助开发者轻松地显示、编辑和管理数据。有时候,我们需要在用户进行...

    光标定位方法

    本文将详细介绍不同浏览器环境下实现光标定位的方法。 #### 一、获取光标位置 获取光标位置通常有两种方式:一种是针对IE浏览器的支持,另一种则是对Firefox和其他现代浏览器的支持。 ##### IE支持 对于Internet...

    MFC 在光标所在位置输出字符串

    获取到句柄后,我们可以使用FindWindowEx或者GetDlgItem等函数进一步定位到光标所在的控件,比如编辑框(CEdit)。 接下来,我们要在该控件的文本末尾或光标位置插入字符串。对于CEdit控件,我们可以使用EM_SETSEL...

    关于C语言中的光标定位和获取光标

    在探讨C语言中光标定位与获取光标位置这一主题时,我们首先需要理解光标的概念及其在控制台应用程序中的重要性。光标是屏幕上显示的指示符,用于标识当前输入或编辑操作的位置。在文本界面下,如DOS环境或Windows的...

    vsto光标定位

    vsto光标定位 VSTO(Visual Studio Tools for Office)是一种基于Microsoft Office的插件开发技术,用于在Office应用程序中添加自定义功能。下面是关于VSTO光标定位的知识点: 1. HomeKey() 和 EndKey() 方法:这...

    C语言初级, 光标定位源码

    在C语言中,光标定位是一项基础而重要的技能,它涉及到屏幕输出的控制,使得程序可以在屏幕上指定的位置显示文本。本教程将详细讲解C语言中如何实现光标的移动与定位,帮助初学者掌握这一核心概念。 首先,我们需要...

    C语言光标定位与获取的代码

    COLUMNH`会将光标移动到指定的行和列: ```c #include void moveCursor(int row, int col) { printf("\033[%d;%dH", row, col); } ``` 3. **显示和隐藏光标**:在Windows中,你可以使用`ShowCursor`函数来控制...

    Memo组件的光标定位..rar

    3. **搜索与定位**:在 Memo 文本中查找特定字符串,可以使用 `Pos('要查找的文本', Memo1.Text)` 返回第一次出现的位置,然后设置 `SelStart` 为这个位置,实现光标定位。 4. **响应事件**:在某些事件中,比如 `...

    C#控制定位Word光标移动到任意行或者最后一行,取得光标位置等操作.txt

    本文将详细介绍如何在C#中通过Microsoft Office Interop组件库实现对Word文档内光标位置的精确控制,包括但不限于移动光标到任意行、获取当前光标位置等操作。这些技术在文档自动化处理、批量编辑等方面具有广泛的...

    关于光标移动在VBA中的教程

    - `SelectToCurrentLineStart` 和 `SelectToCurrentLineEnd`:这些宏扩展了光标选择,从当前位置到行首或行尾。 - `SelectCurrentLine`:选择当前整行文本。 - `SelectToDocStart` 和 `SelectToDocEnd`:选择从...

    文本域定位光标并添加数据

    在这个例子中,我们首先获取了光标位置,然后设置了选区范围为该位置,最后将原文本域的值切分为两部分,将要插入的文本放在中间,再合并起来,实现了在指定位置插入文本。 为了实现更复杂的功能,例如在多行文本域...

    将光标定位到textarea的某一行的javascript代码

    为了实现这一功能,我们需要编写一段JavaScript代码来帮助我们将光标定位到指定的行。 #### 二、关键技术点解析 要实现这一功能,我们需要掌握以下几个关键的技术点: 1. **获取textarea的值**:通过`textarea`的`...

    将光标定位于输入框最右侧实现代码

    总的来说,将光标定位到输入框最右侧是一种常见的前端交互需求,通过结合使用`focus`方法和对输入框值的操作,我们可以实现这一功能。这种技术在各种富文本编辑器、动态表单和自定义编辑场景中都有应用,提升了用户...

    易语言源码易语言取光标位置窗口句柄源码.rar

    压缩包内的源码很可能是围绕上述两个概念实现的,即在易语言环境下编写,用于获取光标所在窗口的句柄,并能进一步获取光标在该窗口内的精确位置。程序可能包含以下部分: - 初始化:初始化必要的变量,可能包括...

    JS在TextArea光标位置插入文字并实现移动光标到文字末尾

    在JavaScript中,操作文本输入域,如`&lt;textarea&gt;`,涉及到光标位置的处理时,通常需要使用到浏览器提供的API。对于不同的浏览器,这些API可能会有所差异。在处理`&lt;textarea&gt;`光标位置插入文字并移动光标到文字末尾的...

    js 中的selection对象使用笔记+光标定位

    这篇博客文章“js中的selection对象使用笔记+光标定位”深入探讨了如何利用`Selection`对象来处理文本选择和光标位置。在网页开发中,这个功能常常用于实现复制、剪切、粘贴等操作,或者创建富文本编辑器。 首先,...

    C语言游戏必备:光标定位与颜色设置的实现方法

    光标定位函数: 代码如下:#include &lt;windows&gt;#include &lt;conio&gt;/****** 光标移到指定位置 ********************************/void gotoxy(HANDLE hOut, int x, int y){ COORD pos; pos.X = x; //横坐标 pos.Y = y...

    易语言编辑框光标移动

    这些API调用可以帮助我们实现更复杂的文本处理功能,比如获取当前光标位置,或者定位到特定行。 在实际应用中,你可能会遇到各种情况,例如响应用户的键盘事件来动态移动光标,或者在程序逻辑中需要自动调整光标...

    在kindEditor中获取当前光标的位置索引的实现代码

    在网页富文本编辑器开发中,KindEditor是一个广泛使用的开源编辑器,它提供了丰富的功能和...通过`startOffset`和`endOffset`,我们可以精确地定位光标位置,从而实现诸如插入文本、高亮选择、查找替换等一系列功能。

    C#实现十字光标定位效果

    在本文中,我们将深入探讨如何使用C#编程语言来实现十字光标定位效果。十字光标通常被用于图像处理或绘图应用中,允许用户精确地指定屏幕上的位置。通过理解C#的基础知识,以及利用图形设备接口(GDI+),我们可以...

Global site tag (gtag.js) - Google Analytics