[转]文本框TextField的事件

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/

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

你可能感兴趣的:(wordpress)