光标指定位置添加字符,适用于普通textbox ,textarea,不适用于文本编辑器插件
2013-11-25 14:48
232 查看
<script type="text/javascript">
// JavaScript Document
(function ($) {
$.fn.extend({
"insert": function (value) {
//默认参数
value = $.extend({
"text": "123"
}, value);
var dthis = $(this)[0]; //将jQuery对象转换为DOM元素
//IE下
if (document.selection) {
$(dthis).focus(); //输入元素textara获取焦点
var fus = document.selection.createRange(); //获取光标位置
fus.text = value.text; //在光标位置插入值
$(dthis).focus(); ///输入元素textara获取焦点
}
//火狐下标准
else if (dthis.selectionStart || dthis.selectionStart == '0') {
var start = dthis.selectionStart;
var end = dthis.selectionEnd;
var top = dthis.scrollTop;
//以下这句,应该是在焦点之前,和焦点之后的位置,中间插入我们传入的值
dthis.value = dthis.value.substring(0, start) + value.text + dthis.value.substring(end, dthis.value.length);
}
//在输入元素textara没有定位光标的情况
else {
this.value += value.text;
this.focus();
};
return $(this);
}
})
})(jQuery);
$(function () {
$("#btnAddtxtQuestion").click(function () {
$("#txtQuestion").insert({ "text": "#_#" });
});
});
</script>
转字脚本之家
// JavaScript Document
(function ($) {
$.fn.extend({
"insert": function (value) {
//默认参数
value = $.extend({
"text": "123"
}, value);
var dthis = $(this)[0]; //将jQuery对象转换为DOM元素
//IE下
if (document.selection) {
$(dthis).focus(); //输入元素textara获取焦点
var fus = document.selection.createRange(); //获取光标位置
fus.text = value.text; //在光标位置插入值
$(dthis).focus(); ///输入元素textara获取焦点
}
//火狐下标准
else if (dthis.selectionStart || dthis.selectionStart == '0') {
var start = dthis.selectionStart;
var end = dthis.selectionEnd;
var top = dthis.scrollTop;
//以下这句,应该是在焦点之前,和焦点之后的位置,中间插入我们传入的值
dthis.value = dthis.value.substring(0, start) + value.text + dthis.value.substring(end, dthis.value.length);
}
//在输入元素textara没有定位光标的情况
else {
this.value += value.text;
this.focus();
};
return $(this);
}
})
})(jQuery);
$(function () {
$("#btnAddtxtQuestion").click(function () {
$("#txtQuestion").insert({ "text": "#_#" });
});
});
</script>
转字脚本之家
相关文章推荐
- 点击鼠标在textarea中光标当前位置插入指定字符
- JQ插件:获取文本框(textarea)内的所选字符和光标位置索引值-selection
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- 在textarea指定位置插入字符或表情
- jQuery实现在textarea指定位置插入字符或表情的方法
- javascript前端方法向输入域中光标所在位置或无光标最后插入指定字符
- shell 在指定位置给文本添加字符
- 转载留用 使用jquery 扩展 实现在页面鼠标光标指定位置后面加字符
- 在textarea指定位置插入字符或表情
- 用js控制按钮事件,将指定内容添加到文本域的光标所在位置。
- easyui textbox获取光标位置索引 并插入字符
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- jQuery实现在textarea指定位置插入字符或表情的方法
- C# winform 用textbox显示文本 如何把光标定位到指定的位置
- 在textarea中鼠标指定的位置插入字符或表情
- jquery textlimit.js显示TEXTAREA中剩余字符(不支持光标位置改变时触发事件)
- 两个操作字符串的方法:读取指定位置的字符和找出某个字符串的位置
- Flex中,如何获取TextArea中的光标的位置
- oracle 添加列到指定位置
- EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码