firefox扩展开发(八) ：控件激活

最新推荐文章于 2024-01-04 13:26:16 发布

weixin_33755557

最新推荐文章于 2024-01-04 13:26:16 发布

阅读量93

点赞数

firefox扩展开发(八) ：控件激活

2008-06-11 17:01

当我们用鼠标点击一个控件，或者用TAB键移动到一个控件上时，我们说这个控件被激活了(focus)，离开这个控件时，我们说这个控件失去焦点(blur)，熟悉js的人一定知道 onfocus 和 onblur 这两个事件属性，XUL中也是一样，通过这两个属性控制控件在被激活和失去焦点时要做的事情。

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window
id= "test-window"
title= "测试用的窗口"
xmlns= "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
<script>
function displayFocus(){
var elem=document.getElementById('username');
elem.setAttribute('value','输入你的用户名，只能是英文。');
}
</script>
<label value="用户名:"/>
<textbox id="login" onfocus="displayFocus();"/>
<description id="username" value="" />
</window>

显示效果：

通过设置textbox的onfocus属性，在输入框被激活的时候，在下方显示提示信息。

接下来，我们看看如何获得当前用户激活的控件。

当前被激活的控件保存在 document.commandDispatcher 这个对象中的 focusedElement 属性中（后面的章节会详细介绍），那么如果用户改变了焦点，我们只要重新获取这个值，就可以得到当前激活的控件了。

在【firefox扩展开发(五) ：驱动XUL界面】中介绍了 addEventListener 这个方法，通过 xxx.addEventListener(...) ，就可以给xxx控件添加事件处理函数，如果直接调用 addEventListener ，就是给全局的某个事件添加事件处理函数，既然我们要在用户激活控件时重新获得focuusedElement属性，那么我们只要处理全局的focus事件即可。

废话不说，看代码：