用javascript写网页编辑器,获取textarea中的光标位置和选取的文本是一个非常常见的问题。今天用jQ封装了这么一个插件。
在Firefox,safari,chrome,opera的标准浏览器下获取这些textarea中的光标位置非常简单:
[code=”javascript”]
function Selection(obj)
var start =obj.selectionStart;
var end =?obj.selectionEnd;
return {“start”:start,”end”:end}
}
[/code]
[code=”javascript”]
if(this[0].selectionStart == undefined){
var selection=document.selection;
if (this[0].tagName.toLowerCase() != “textarea”) {
var val = this.val();
range = selection.createRange().duplicate();
range.moveEnd(“character”, val.length);
s = (range.text == “” ? val.length:val.lastIndexOf(range.text));
range = selection.createRange().duplicate();
range.moveStart(“character”, -val.length);
e = range.text.length;
}else {
range = selection.createRange();
stored_range = range.duplicate();
stored_range.moveToElementText(this[0]);
stored_range.setEndPoint(‘EndToEnd’, range);
s = stored_range.text.length – range.text.length;
e = s + range.text.length;
}
}
[/code]
[code=”javascript”]
(function($){
$.fn.selection = function(){
var s,e,range,stored_range;
if(this[0].selectionStart == undefined){
var selection=document.selection;
if (this[0].tagName.toLowerCase() != “textarea”) {
var val = this.val(),
range = selection.createRange().duplicate();
range.moveEnd(“character”, val.length);
s = (range.text == “” ? val.length:val.lastIndexOf(range.text));
range = selection.createRange().duplicate();
range.moveStart(“character”, -val.length);
e = range.text.length;
}else {
range = selection.createRange();
stored_range = range.duplicate();
stored_range.moveToElementText(this[0]);
stored_range.setEndPoint(‘EndToEnd’, range);
s = stored_range.text.length – range.text.length;
e = s + range.text.length;
}
}else{
s=this[0].selectionStart;
e=this[0].selectionEnd;
}
var te=this[0].value.substring(s,e);
return {start:s,end:e,text:te}
};
})(jQuery);
[/code]
我见过一个国外的blog,选择文本就可以实现搜索,之前公司有个同事写过选择文本翻译的文章,使用的是google 翻译API
@断桥残雪 给我个url
这个很不错,
哈,不错,学习了…
我现在的情况是要写一个计算器,用textarea,换行就自动计算,能否能点建议!谢谢!