脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-extjs4.2在textareafield中的光标位置动态插入内容，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

extjs4.2在textareafield中的光标位置动态插入内容

Ext.onReady(function(){Ext.create('Ext.panel.Panel',{

bodyPadding:5,//Don'twantcontenttocrunch//againsttheborders

width:300,tITle:'filters',

items:[{xtyPE:'textareafield',

id:'content',fieldLabel:'content'

}],buttons:[{

xtype:"button",text:"订单号",

style:{marginLeft:'20px'

},handler:function(){

VARo=Ext.getCmp("content");o.focus();

varvalue="{Tradeoid}";insertValue(o,value);

}}],

renderTo:Ext.getBody()});

//插入方法functioninsertValue(el,value){

if(el.inputEl.dom.setSelectionRange){varwithIns=el.inputEl.dom.value.substring(0,

el.inputEl.dom.selectionStart)+value;//获取光标前的文本+value

varpos=withIns.length;//获取光标前文本的长度el.inputEl.dom.value=withIns

+el.inputEl.dom.value.substring(el.inputEl.dom.selectionEnd,

el.inputEl.dom.value.length);//光标前文本+获取光标后文本el.inputEl.dom.setSelectionRange(pos,pos);//设定光标位置

}elseif(document.selection){document.selection.createRange().text=value;//获取激活文本块

}}

});

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-extjs4.2在textareafield中的光标位置动态插入内容全部内容，希望文章能够帮你解决javascript代码实例教程-extjs4.2在textareafield中的光标位置动态插入内容所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。