[转]文本框TextField的事件

[url]http://chengkehan.wordpress.com/2010/03/31/%E6%96%87%E6%9C%AC%E6%A1%86textfield%E7%9A%84%E4%BA%8B%E4%BB%B6/[/url]

文本框的四个基本事件是
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)
	{
		// 开启快捷键
	}
}