/**
* 在光标的位置插入图片
* @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这两种主流浏览器。 首先,我们需要一个函数来完成这个任务。这个函数名为`insertAtCursor`,接受两个参数:`myField`代表要操作的文本框对象,`myValue`...
NULL 博文链接:https://ifrozen.iteye.com/blog/1737860
然而,这种方法仅适用于IE浏览器,因为它依赖于`document.selection`和`Range`对象,这些在其他浏览器如Firefox、Chrome或Safari中并不支持。 对于非IE浏览器,我们可以使用`setSelectionRange`和`getSelection()`...
5. **兼容性**:考虑到不同的浏览器可能有不同的实现,插件需要确保在主流浏览器上都能正常工作,比如Chrome、Firefox、Safari和IE。 6. **用户界面**:可能还需要提供一个友好的用户界面,让用户可以方便地选择...
标题“JS在textarea光标处插入文本的小例子”和描述“本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器”揭示了该文档是关于如何使用JavaScript在网页文本区域(textarea)组件光标所在位置插入...
### JavaScript在一段文字中的光标处插入其他文字 在网页开发过程中,经常需要实现用户交互功能,其中一种常见的需求就是在文本框中特定位置插入文本。本文将详细介绍如何使用JavaScript实现在一段文字中的光标处...
而在不支持document.selection的浏览器(如Firefox,Chrome等),则需要利用selectionStart和selectionEnd属性来获取选区的起始和结束位置,并通过字符串拼接的方式来实现插入。 以下是详细步骤说明: 1. 获取...
需要注意的是,在实现以上方法时,测试了包括IE6, IE8, Firefox, Chrome, Opera和Safari在内的多种浏览器,并声明兼容性没有问题。特别指出,在Firefox中,当添加字符串时,滚动条的scrollTop可能异常地被置为0。这...
通过上述代码,你可以实现在文本框中插入文字并移动光标到指定位置的功能,兼容了IE和其他现代浏览器。需要注意的是,这些方法只适用于DOM元素,因此`textarea`元素需要有ID以便通过`getElementById`方法获取引用。
JQuery提供了一个方便的方法来实现这一功能,特别是考虑到不同浏览器之间的兼容性问题,例如IE和Firefox的差异。本文将详细解释如何使用JQuery在光标位置插入内容,并展示实现代码。 首先,我们了解不同浏览器处理...
在JavaScript中,向输入域(例如文本框或文本区域)的光标所在位置插入字符串是一项常见的操作,这对于实现各种功能,如自动补全、格式化输入等非常有用。本篇文章将详细讲解如何利用JavaScript实现这一功能。 首先...
为了兼容IE、Chrome、火狐等主流浏览器,我们可以通过JavaScript获取输入框中光标的位置。这需要利用不同浏览器各自支持的DOM属性或方法。在这个示例中,使用了IE的document.selection方法来获取光标的坐标,而对于...
IE5到9是一系列已经过时但可能在某些特定环境中仍需支持的浏览器,而“极速”通常指的是Google Chrome浏览器,“火狐”则是Firefox。确保在这些浏览器上都能正常工作,需要对代码进行细致的跨浏览器优化。 首先,让...
由于不同浏览器(如IE、Firefox和Chrome)之间存在兼容性差异,因此统一实现这一功能具有一定的挑战性。本文将介绍如何在IE、Firefox和Chrome中获取div编辑框、textarea和input text光标位置的方法,并提供相应的...
5. **兼容性**:良好的插件会确保其在各种浏览器(包括主流的Chrome、Firefox、Safari、Edge以及旧版本的IE)中都能正常工作。 6. **事件监听**:插件可能还提供监听光标位置变化的事件,帮助开发者在光标移动时...
- 对于现代浏览器(如Firefox、Chrome等)支持的`selectionStart`和`selectionEnd`属性,我们需要获取当前的起始和结束选择位置,然后插入`myValue`到选定的位置。同时,我们还需要保存和恢复textarea的滚动位置,...
- **在 Firefox 中**,使用 `selectionStart` 和 `selectionEnd` 属性来获取当前光标前后的字符索引,然后通过字符串拼接的方式在指定位置插入文字。如果文本框当前没有选中任何文本,则通过 `substring` 方法将整个...