`
me-
  • 浏览: 71436 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

成功,附源码 flex cursor textarea 光标 位置 插入 insert caret

阅读更多
			private function onConsumeSmsParamClicked(e:MouseEvent):void{
				this.consumeSmsTemplate.str = e.target.text;
				this.consumeSmsTemplate.focusManager.setFocus(this.consumeSmsTemplate);
				
			}

 

	<mx:HBox verticalAlign="bottom">
		<trade:TextAreaExt id ="prepaySmsTemplate"   styleName="input01" width="400" height="80" backgroundColor="#ffffff"/>
		<mx:Button label="预览内容" id="prepaySmsPreview" height="20" fontSize="12" fontWeight="normal"/>
	</mx:HBox>
			
	       <mx:HBox horizontalGap="0" id="prepaySmsParam" fontSize="12" fontWeight="normal">
        <mx:Label text="动态参数:"/>
        <mx:VBox verticalGap="0">
               <mx:HBox horizontalGap="3">
            <mx:Text text="会员姓名" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu11" mouseOver="canshu11.setStyle('textDecoration',null);" mouseOut="canshu11.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
            <mx:Text text="卡号后四位" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu12" mouseOver="canshu12.setStyle('textDecoration',null);" mouseOut="canshu12.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
            <mx:Text text="充值时间" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu13" mouseOver="canshu13.setStyle('textDecoration',null);" mouseOut="canshu13.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
            <mx:Text text="充值金额" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu15" mouseOver="canshu15.setStyle('textDecoration',null);" mouseOut="canshu15.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
           </mx:HBox>
            <mx:HBox horizontalGap="3">
            <mx:Text text="预存余额" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu16" mouseOver="canshu16.setStyle('textDecoration',null);" mouseOut="canshu16.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
             <mx:Text text="积分剩余数量" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu18" mouseOver="canshu18.setStyle('textDecoration',null);" mouseOut="canshu18.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
             <mx:Text text="优惠券剩余数量" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu19" mouseOver="canshu19.setStyle('textDecoration',null);" mouseOut="canshu19.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
             <mx:Text text="商户简称" styleName="lan" textDecoration="underline" fontWeight="normal" id="canshu20" mouseOver="canshu20.setStyle('textDecoration',null);" mouseOut="canshu20.setStyle('textDecoration','underline');" buttonMode="true" useHandCursor="true" mouseChildren="false"/>
            </mx:HBox>
            </mx:VBox>
        </mx:HBox>
 this.prepaySmsParam.addEventListener(MouseEvent.CLICK,onPrepaySmsParamClicked);
    
  

  

package com.tongcard.tcc.main.view.deskBack.sysManage.config.trade
{
	import flash.events.Event;
	import flash.events.FocusEvent;
	
	import mx.controls.TextArea;

	public class TextAreaExt extends TextArea 
	{
	 	public var insertText:String = '';
		public function TextAreaExt()
		{
			super(); 
			this.addEventListener(FocusEvent.FOCUS_IN,onFocusIn);
		}

		private function onFocusIn(e:Event):void{
			trace(this.textField.caretIndex);
		 	this.textField.replaceText(this.textField.caretIndex,this.textField.caretIndex,insertText);
			this.insertText = '';
		}

	}
}

 

 

 

 

 

 

 

 

var insertIndex:int = tf.getCharIndexAtPoint( tf.mouseX, tf.mouseY );
tf.replaceText( insertIndex, insertIndex, "Here is some more text" );
啊哈,

http://www.flexdeveloper.eu/forums/flex-builder-flash-builder-eclipse/how-to-get-the-cursor-position-in-the-textarea/

分享到:
评论

相关推荐

    在textarea光标处插入文本

    本文将详细介绍如何使用JavaScript在`textarea`的光标位置插入文本。该方法适用于多种浏览器环境,包括Internet Explorer(IE)和其他基于Mozilla的浏览器(如Firefox)。我们将通过分析提供的代码示例来深入理解其...

    Textarea在光标停留处插入文字

    标题“Textarea在光标停留处插入文字”涉及到的是如何在`Textarea`中实现文字的动态插入,使得新添加的文字能精确地出现在用户当前光标所在的位置。这通常涉及到JavaScript的DOM操作和事件监听。 在HTML中,`...

    使用JS在textarea在光标处插入内容

    在IT领域,特别是前端开发中,使用JavaScript在`textarea`元素的光标位置插入内容是一项常见且实用的技术。本文将详细解析如何实现这一功能,并深入理解其背后的逻辑与原理。 ### 核心知识点:在`textarea`光标处...

    JS在TextArea光标位置插入文字并实现移动光标到文字末尾

    在处理`&lt;textarea&gt;`光标位置插入文字并移动光标到文字末尾的操作时,主要涉及两个关键属性:`selectionStart`和`selectionEnd`,以及在IE中使用的`document.selection`对象。 `selectionStart`和`selectionEnd`是...

    textarea光标定位在最后

    textarea光标定位在最后,就是往textarea中赋值时候,光标自动移到最后。

    jQuery获取设置textarea中光标位置

    jQuery扩展函数,用于获取设置textarea中光标位置

    vue获取textarea的光标位置.js

    vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入

    jQuery往textarea中光标所在位置插入文本的方法

    本文主要介绍如何使用jQuery在textarea元素中光标所在位置插入文本的技术,涉及到的操作和概念包括jQuery库的使用、文本框(textarea)的光标定位与操作、JavaScript中的字符串操作等。文章首先定义了jQuery的扩展...

    JavaScript获取,设置光标位置,兼容InputTextArea

    在JavaScript编程中,获取和设置光标位置是常见的需求,特别是在与用户交互的表单元素如`&lt;input&gt;`和`&lt;textarea&gt;`中。这涉及到DOM(文档对象模型)操作和事件处理,对于创建动态和响应式的网页应用至关重要。本文将...

    JS在textarea光标处插入文本的小例子

    标题“JS在textarea光标处插入文本的小例子”和描述“本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器”揭示了该文档是关于...在网页文本区域(textarea)组件光标所在位置插入文本的技术指导...

    javascript 在光标处插入指定内容

    在JavaScript中,向文本输入框或者富文本编辑器在光标位置插入特定内容是一项常见的需求。这涉及到对DOM(文档对象模型)的操作以及对文本选取的理解。以下将详细阐述实现这个功能所需的知识点。 首先,我们需要...

    jQueryCursorPlugIn.js textArea文本光标全功能插件

    jQuery textArea文本光标全功能插件,可以获取光标位置,向光标文字插入文本,高亮显示指定的文本块

    javascript获得光标所在的文本框(text textarea)中的位置.docx

    ### JavaScript 获取光标所在文本框(text/textarea)中的位置 在前端开发中,经常需要处理用户在文本框(如`&lt;input type="text"&gt;`或`&lt;textarea&gt;`)内的输入行为,例如实现自动填充、实时校验等功能时,获取光标的...

    通过javascript在光标处插入文本

    通过Javascript在光标处插入文本 在网页开发中,经常需要在文本框中插入文本,特别是在光标处插入文本。下面,我们将讨论如何使用Javascript在光标处插入文本。 光标位置获取 在获取光标位置之前,我们需要了解...

    flex3 textArea 高度自适应

    在Flex3中,`TextArea` 是一个常用的组件,用于显示多行可编辑的文本。当用户输入的内容增多时,为了提供良好的用户体验,我们通常希望`TextArea`的高度能够自适应地扩展,以显示所有内容,而无需滚动条或者内容被...

    光标处插入图片(类似于qq表情)

    这个功能允许用户在文本输入时,像QQ聊天那样,在光标位置方便地插入图片,增强表达的生动性。下面将详细探讨实现这一功能所需的技术和知识点。 首先,我们要理解的是文本编辑器的基础架构。一个基本的文本编辑器...

    javascript控制在光标位置插入文字适合表情的插入

    标题中的"javascript控制在光标位置插入文字适合表情的插入"描述了一种使用JavaScript实现的功能,即在文本框(textarea)的当前光标位置插入特定的文字或表情。这个功能常见于许多聊天应用或编辑器中,允许用户在...

Global site tag (gtag.js) - Google Analytics