文本框的四个基本事件是
FocusEvent.FOCUS_IN(收到焦点)
FocusEvent.FOCUS_OUT(失去焦点)
Event.CHANGE(文本发生变化)
TextEvent.TEXT_INPUT(有文字将会输入)
其中两个焦点事件和CHANGE事件都是发生在目标和冒泡阶段,而TEXT_INPUT事件是发生在捕获和目标阶段。
利用TEXT_INPUT的这个特征我们可以在文字输入文本框之前对其进行校验,如果不符合要求就可以通过调用
preventDefault方法来阻止事件的继续传播,这样文本框将不会被通知到有文字输入。像是这样
这里的target可以是捕获阶段的任何对象从stage一直到所要侦听的文本框都行。
如果我们在这里没有像上面一样阻止这个默认的行为,那么文字一旦输入了文本框,Event.CHANGE事件将会以冒泡的形式抛出,直到舞台(如果可以的话)。
还有两个焦点的事件,同样都是冒泡的,还是利用这一点我们可以对其进行一些全局的处理。比如说,在有一套快捷键的应用中,当用户在输入文本的时候总是需要屏蔽掉快捷键的。像是下面这样stage.addEventListener(FocusEvent.FOCUS_IN, focusInHandler);
stage.addEventListener(FocusEvent.FOCUS_OUT, focusOutHandler);
FocusEvent.FOCUS_IN(收到焦点)
FocusEvent.FOCUS_OUT(失去焦点)
Event.CHANGE(文本发生变化)
TextEvent.TEXT_INPUT(有文字将会输入)
其中两个焦点事件和CHANGE事件都是发生在目标和冒泡阶段,而TEXT_INPUT事件是发生在捕获和目标阶段。
利用TEXT_INPUT的这个特征我们可以在文字输入文本框之前对其进行校验,如果不符合要求就可以通过调用
preventDefault方法来阻止事件的继续传播,这样文本框将不会被通知到有文字输入。像是这样
- target.addEventListener(TextEvent.TEXT_INPUT, textInputHandler);
- function textInputHandler(event:TextEvent):void
- {
- if(event.text == "illegal input")
- {
- event.preventDefault();
- }
- }
这里的target可以是捕获阶段的任何对象从stage一直到所要侦听的文本框都行。
如果我们在这里没有像上面一样阻止这个默认的行为,那么文字一旦输入了文本框,Event.CHANGE事件将会以冒泡的形式抛出,直到舞台(如果可以的话)。
还有两个焦点的事件,同样都是冒泡的,还是利用这一点我们可以对其进行一些全局的处理。比如说,在有一套快捷键的应用中,当用户在输入文本的时候总是需要屏蔽掉快捷键的。像是下面这样stage.addEventListener(FocusEvent.FOCUS_IN, focusInHandler);
stage.addEventListener(FocusEvent.FOCUS_OUT, focusOutHandler);
- function focusInHandler(event:FocusEvent):void
- {
- if(event.target is TextField)
- {
- // 关闭快捷键
- }
- }
- function focusOutHandler(event:FocusEvent):void
- {
- if(event.target is TextField)
- {
- // 开启快捷键
- }
- }