`
andrew.yulong
  • 浏览: 171611 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js 光标处插入字符(ie,火狐兼容)

    博客分类:
  • js
IE 
阅读更多
/**
 * 在光标的位置插入图片
 * @param {Object} myField
 * @param {Object} myValue
 */
function AddOnPos(myField, myValue)
{
	//IE support
	if (document.selection)
	{
	myField.focus();
	sel = document.selection.createRange();
	myValue = "[face]"+myValue+"[/face]";
	sel.text = myValue;
	sel.select();
	}
	//MOZILLA/NETSCAPE support
	else if (myField.selectionStart || myField.selectionStart == '0')
	{
	var startPos = myField.selectionStart;
	var endPos = myField.selectionEnd;
	// save scrollTop before insert
	var restoreTop = myField.scrollTop;
	myValue = "[face]"+myValue+"[/face]";
	myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos,myField.value.length);
	if (restoreTop > 0)
	{
	// restore previous scrollTop
	myField.scrollTop = restoreTop;
	}
	myField.focus();
	myField.selectionStart = startPos + myValue.length;
	myField.selectionEnd = startPos + myValue.length;
	} else {
	myField.value += myValue;
	myField.focus();
	}
}

 

分享到:
评论

相关推荐

    在光标处插入字符串的实现代码 兼容IE,Firefox

    本文将详细解析如何实现这个功能,同时确保兼容IE和Firefox这两种主流浏览器。 首先,我们需要一个函数来完成这个任务。这个函数名为`insertAtCursor`,接受两个参数:`myField`代表要操作的文本框对象,`myValue`...

    textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)

    NULL 博文链接:https://ifrozen.iteye.com/blog/1737860

    js实现在文本框光标处添加字符的方法介绍

    然而,这种方法仅适用于IE浏览器,因为它依赖于`document.selection`和`Range`对象,这些在其他浏览器如Firefox、Chrome或Safari中并不支持。 对于非IE浏览器,我们可以使用`setSelectionRange`和`getSelection()`...

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

    5. **兼容性**:考虑到不同的浏览器可能有不同的实现,插件需要确保在主流浏览器上都能正常工作,比如Chrome、Firefox、Safari和IE。 6. **用户界面**:可能还需要提供一个友好的用户界面,让用户可以方便地选择...

    JS在textarea光标处插入文本的小例子

    标题“JS在textarea光标处插入文本的小例子”和描述“本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器”揭示了该文档是关于如何使用JavaScript在网页文本区域(textarea)组件光标所在位置插入...

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

    ### JavaScript在一段文字中的光标处插入其他文字 在网页开发过程中,经常需要实现用户交互功能,其中一种常见的需求就是在文本框中特定位置插入文本。本文将详细介绍如何使用JavaScript实现在一段文字中的光标处...

    javascript控制在光标位置插入文字适合表情的插入

    而在不支持document.selection的浏览器(如Firefox,Chrome等),则需要利用selectionStart和selectionEnd属性来获取选区的起始和结束位置,并通过字符串拼接的方式来实现插入。 以下是详细步骤说明: 1. 获取...

    js操作textarea方法集合封装(兼容IE,firefox)

    需要注意的是,在实现以上方法时,测试了包括IE6, IE8, Firefox, Chrome, Opera和Safari在内的多种浏览器,并声明兼容性没有问题。特别指出,在Firefox中,当添加字符串时,滚动条的scrollTop可能异常地被置为0。这...

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

    通过上述代码,你可以实现在文本框中插入文字并移动光标到指定位置的功能,兼容了IE和其他现代浏览器。需要注意的是,这些方法只适用于DOM元素,因此`textarea`元素需要有ID以便通过`getElementById`方法获取引用。

    JQuery在光标位置插入内容的实现代码

    JQuery提供了一个方便的方法来实现这一功能,特别是考虑到不同浏览器之间的兼容性问题,例如IE和Firefox的差异。本文将详细解释如何使用JQuery在光标位置插入内容,并展示实现代码。 首先,我们了解不同浏览器处理...

    往光标所在位置插入值的js代码

    在JavaScript中,向输入域(例如文本框或文本区域)的光标所在位置插入字符串是一项常见的操作,这对于实现各种功能,如自动补全、格式化输入等非常有用。本篇文章将详细讲解如何利用JavaScript实现这一功能。 首先...

    js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器

    为了兼容IE、Chrome、火狐等主流浏览器,我们可以通过JavaScript获取输入框中光标的位置。这需要利用不同浏览器各自支持的DOM属性或方法。在这个示例中,使用了IE的document.selection方法来获取光标的坐标,而对于...

    支持IE5、6、7、8、9,极速、火狐的全浏览器支持软键盘

    IE5到9是一系列已经过时但可能在某些特定环境中仍需支持的浏览器,而“极速”通常指的是Google Chrome浏览器,“火狐”则是Firefox。确保在这些浏览器上都能正常工作,需要对代码进行细致的跨浏览器优化。 首先,让...

    获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍

    由于不同浏览器(如IE、Firefox和Chrome)之间存在兼容性差异,因此统一实现这一功能具有一定的挑战性。本文将介绍如何在IE、Firefox和Chrome中获取div编辑框、textarea和input text光标位置的方法,并提供相应的...

    获取和设置输入框光标位置的插件

    5. **兼容性**:良好的插件会确保其在各种浏览器(包括主流的Chrome、Firefox、Safari、Edge以及旧版本的IE)中都能正常工作。 6. **事件监听**:插件可能还提供监听光标位置变化的事件,帮助开发者在光标移动时...

    jQuery实现在textarea指定位置插入字符或表情的方法

    - 对于现代浏览器(如Firefox、Chrome等)支持的`selectionStart`和`selectionEnd`属性,我们需要获取当前的起始和结束选择位置,然后插入`myValue`到选定的位置。同时,我们还需要保存和恢复textarea的滚动位置,...

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

    - **在 Firefox 中**,使用 `selectionStart` 和 `selectionEnd` 属性来获取当前光标前后的字符索引,然后通过字符串拼接的方式在指定位置插入文字。如果文本框当前没有选中任何文本,则通过 `substring` 方法将整个...

Global site tag (gtag.js) - Google Analytics