Extjs4中的textfiled获得光标位置，并在光标后插入文字

最新推荐文章于 2018-04-10 11:35:26 发布

cumt_cx

最新推荐文章于 2018-04-10 11:35:26 发布

阅读量1.2k

点赞数

分类专栏：前端框架之-------Extjs4 文章标签： extjs 光标位置 textfield

本文链接：https://blog.csdn.net/cumt_cx/article/details/52234531

版权

这篇博客介绍了如何在ExtJS4的TextField组件中捕获光标位置，并实现右键菜单功能，允许用户在光标后插入特定文本。

摘要由CSDN通过智能技术生成

在Extjs中绑定鼠标右键事件，右键增加填空空格菜单栏，并在光标之后输入字符串。

		question.oncontextmenu = function( e,  t,  eOpts ){
			var questionType = me.queryById('questionTypeCombo').getValue();
			var questionFiled = me.queryById('question');//获取extjs的textfield组建
                        if(questionType==3){
	                        this.menu = new Ext.menu.Menu({
							border : false,
							items : [{
								text : '增加填空',
								handler : function(){
									var questionText = questionFiled.getValue();
									console.log('questionText = '+questionText);
									var insertPosition = questionFiled.inputEl.dom.selectionEnd;//获取到光标所在的位置
									questionText = questionText.substring(0,insertPosition)+'__('+me.blankNumber+')__'+questionText.substring(insertPosition);
									var reg = /__\(\d*\)__/;
									var arr = questionTe