[转]文本框TextField的事件

最新推荐文章于 2021-06-09 21:20:21 发布

iteye_20805

最新推荐文章于 2021-06-09 21:20:21 发布

阅读量410

点赞数

CC 4.0 BY-SA版权

分类专栏： AS3收集文章标签： WordPress

本文链接：https://blog.youkuaiyun.com/iteye_20805/article/details/82006303

AS3收集专栏收录该内容

140 篇文章

订阅专栏

本文介绍了文本框的基本事件：获得焦点、失去焦点、内容变化及文本输入，并探讨了如何利用TEXT_INPUT事件进行输入验证，以及如何处理焦点事件实现全局快捷键管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[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)
	{
		// 开启快捷键
	}
}