Extjs4中的textfiled获得光标位置,并在光标后插入文字
2016-08-17 21:24
661 查看
在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 = questionText.split(reg);
var resultQuestin = '';
for(var i=0;i<arr.length;i++){
<span style="white-space:pre"> </span>//dosomething
}
}
},{
text : '删除填空',
handler :function(){
}
}]
});
this.menu.showAt([e.pageX,e.pageY]);
}
}
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 = questionText.split(reg);
var resultQuestin = '';
for(var i=0;i<arr.length;i++){
<span style="white-space:pre"> </span>//dosomething
}
}
},{
text : '删除填空',
handler :function(){
}
}]
});
this.menu.showAt([e.pageX,e.pageY]);
}
}
相关文章推荐
- 【转】怎么给javascript + div编辑框光标位置插入表情文字等?
- 【记录】JS在TextArea光标位置插入文字+移动光标到文字末尾
- 在textView中的光标位置插入表情或者文字
- JS在TextArea光标位置插入文字并实现移动光标到文字末尾
- javascript控制在光标位置插入文字适合表情的插入
- 如何在textarea的光标位置插入文字
- JS在TextArea光标位置插入文字+移动光标到文字末尾
- 【记录】JS在TextArea光标位置插入文字+移动光标到文字末尾
- 在光标选中位置插入文字js
- javascript控制在光标位置插入文字适合表情的插入
- javascript控制在光标位置插入文字
- 在 可编辑的 Div 的 光标位置 插入 文字 或 HTML
- 在 可编辑的 Div 的 光标位置 插入 文字 或 HTML
- 如何在textarea的光标位置插入文字
- javascript实现在textarea光标位置插入文字并移动光标到文字末尾
- textarea在光标位置插入文字
- JS在TextArea光标位置插入文字+移动光标到文字末尾
- JS在TextArea光标位置插入文字并实现移动光标到文字末尾
- JS在TextArea光标位置插入文字+移动光标到文字末尾
- Jquery在光标位置插入内容