`
QuarterLifeForJava
  • 浏览: 177826 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

文本框内鼠标光标处插入内容

阅读更多
申明:摘自网上,记录下
//在鼠标光标处插入内容
//var v = this.value;
//var field = document.getElementById('editArea');
function contextInsert(field,v){
	if (document.selection) {//IE
		field.focus();
		var sel = document.selection.createRange();
		sel.text = v;
		sel.select();
	}else if (field.selectionStart || field.selectionStart == '0') {//MOZILLA/GOOGLE
		var startPos = field.selectionStart;
		var endPos = field.selectionEnd;
		var restoreTop = field.scrollTop;
		field.value = field.value.substring(0, startPos) + v + field.value.substring(endPos, field.value.length);
		if (restoreTop > 0) {
			field.scrollTop = restoreTop;
		}
		field.focus();
		field.selectionStart = startPos + v.length;
		field.selectionEnd = startPos + v.length;
	} else {//OTHER
		field.value += v;
		field.focus();
	}
}
分享到:
评论

相关推荐

    jQuery插件 文本框、文本域 光标处插入代码

    本主题聚焦于一个特定的jQuery插件,该插件允许开发者在文本框(`<input type="text">`)和文本域(`<textarea>`)中于光标位置插入代码或内容。这对于编辑器、代码编辑器或任何需要动态插入文本的场景来说是非常...

    易语言源码易语言光标处插入文本.rar

    例如,如果是在文本框控件中插入文本,可能需要监听`键盘按下`、`鼠标点击`等事件,并在这些事件的处理函数中实现插入文本的逻辑。 4. **界面交互**:为了用户能够直观看到文本的插入,可能涉及到窗口和控件的更新...

    PPT-文本框的插入及设置.pptx

    选择你需要的样式后,文本框会出现在光标位置。此时,你可以开始输入文本或者插入图片。 2. **编辑文本框**: - **移动文本框**:当鼠标指针移动到文本框边框并变成一个双向箭头时,按住鼠标左键拖动即可移动...

    VBA获取模块鼠标光标所在的行数.txt

    获取模块鼠标光标所在的行数,一般用于写VBE代码助手时使用,想智能把代码插入到当前鼠标所在行,达到快速书写代码的目的

    jquery实现在光标位置插入内容的方法

    在插入内容后,为了使光标回到插入点之后,将`selectionStart`和`selectionEnd`更新为插入值的长度,并同时更新文本框的内容。在IE中则通过更新`scrollTop`确保内容显示的正确性。 为了进一步应用这个扩展方法,...

    拖拽图片的文本框

    对于"可编辑"这一标签,我们需要考虑的是如何让用户在文本框内自由地编辑已经插入的图片。这可能涉及到光标定位、选区操作以及删除图片等交互细节。在文本框内处理图片时,要确保它们不影响正常的文本输入和格式化...

    TCP和串口通讯接收到数据以文本形式输入到鼠标光标的位置,类似于USB扫码枪

    在IT领域,TCP(Transmission Control Protocol)和串口通讯是两种常见的数据传输方式,而将它们接收到的数据转化为文本并输入到鼠标光标位置的技术,通常用于实现类似USB扫码枪的功能。USB扫码枪是一种便捷的设备,...

    jQuery往textarea中光标所在位置插入文本的方法

    本文主要介绍如何使用jQuery在textarea元素中光标所在位置插入文本的技术,涉及到的操作和概念包括jQuery库的使用、文本框(textarea)的光标定位与操作、JavaScript中的字符串操作等。文章首先定义了jQuery的扩展...

    文本框检索

    例如,在文本框中,可能需要设置边框、内填充、背景色以及光标样式等,以提供清晰的视觉指示。同时,当用户输入时,下拉显示的建议列表也需要精心设计,如列表项的高亮、鼠标悬停效果以及选中状态等,以提升交互体验...

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

    在处理`<textarea>`光标位置插入文字并移动光标到文字末尾的操作时,主要涉及两个关键属性:`selectionStart`和`selectionEnd`,以及在IE中使用的`document.selection`对象。 `selectionStart`和`selectionEnd`是...

    vue获取textarea的光标位置.js

    vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入

    使用文本框设置面PPT学习教案.pptx

    2. 输入文字:当光标变成“+”形时,拖动鼠标绘制文本框。在框内即可输入文字。 3. 调整大小和位置:如果预设的文本框大小或位置不合适,可以通过按ESC键取消,重新绘制满足需求的文本框。 二、设置文本框格式 1. ...

    javascript获得光标所在的文本框(text/textarea)中的位置

    总的来说,通过JavaScript的`selectionStart`属性和`createTextRange()`方法,我们可以轻松地在各种浏览器中获取光标在文本框或文本区域中的位置,这对于实现各种文本编辑功能,如高亮选区、插入文本等是非常有用的...

    Word文本框删不掉.docx

    当文本框内有闪烁的插入条时,表示你正处在文本编辑状态,此时只能编辑文本而不能删除整个文本框。要进入文本框的设置状态,你需要用鼠标左键点击文本框的边框(即其四条边的任意一条),这样文本框会被高亮显示,...

    WPS文字如何通过横向文本框为文档添加版权说明.docx

    - 将光标放置在文档中想要插入文本框的位置,然后拖动以绘制出文本框。 3. **编辑文本框内容**: - 在文本框内输入版权说明的文字。 - 调整文字的大小、颜色等样式以区分于文档其他部分。 4. **调整文本框格式*...

    javascript在一段文字中的光标处插入其他文字

    例如:一个文本框里有一段文字,我要通过点击鼠标并且在相应的地方插入文本 我是这样做的:先获得文本框的值TextArea.Value,然后.TextArea.Value+其他文本 [removed] function setCaret(textObj){ if(textObj....

    多个Word文本框合作显示大段文字.docx

    这将激活一个光标,你可以通过拖动鼠标在文档任意位置绘制出所需的文本框大小。重复此过程以创建第二个或更多文本框。 接下来,要让这些文本框相互连接,以便文本可以在它们之间流动,你需要“创建链接”。选中第一...

    文本框教案整理.pdf

    - **插入文本框**: 在Word中,可以通过执行“插入”→“文本框”→“横排”命令,将光标定位到所需位置,然后点击,会出现一个可以绘制文本框的矩形框,此时鼠标变为十字形状。 - **设置文字格式**: 输入文本后,...

    jQuery 在光标定位的地方插入文字的插件

    - **在 Internet Explorer 中**,使用 `document.selection.createRange()` 方法来获取当前选中的范围对象,然后通过设置 `fus.text` 属性来替换选中的内容或在光标位置插入文字。 - **在 Firefox 中**,使用 `...

    在任意位置插入页码

    此时,光标变成一个十字形,你可以拖动鼠标在文档的任意位置绘制一个文本框。文本框的大小和位置可以根据你的需求自由调整。 4. 创建好文本框后,转到“页眉和页脚”工具栏,该工具栏在“页眉和页脚”视图中默认是...

Global site tag (gtag.js) - Google Analytics