上QQ阅读APP看书，第一时间看更新
2.9 动态获取焦点控件
前一个实例中实现了动态设置焦点控件的操作，下面继续实现动态获取焦点控件的操作。在HTML DOM对象中定义有一个只读的“document.activeElement”属性，可以返回HTML文档中当前取得焦点的元素。下面介绍一个通过JavaScript动态获取焦点控件的代码实例。
关于【代码2-9】的说明：
● 第07行代码为<body>元素定义了单击“onclick”事件方法（on_active_click()），这样当单击表单中的控件时会触发该“onclick”事件。
● 第14～18代码在表单内定义了一组文本框（共计2个）和一个按钮，用于测试动态获取焦点的控件。
● 第21～23行代码是“on_active_click()”方法的实现，第22行代码通过“document.activeElement.id”属性动态获取焦点控件的id属性。
下面使用Firefox浏览器运行测试该HTML网页，依次通过点击操作使得表单中的控件获取焦点，具体效果如图2.10所示。
图2.10 JavaScript动态获取焦点控件