看本文得先了解以下几个事件（摘自w3c）。
blur事件: 当元素失去焦点时发生 blur 事件。
focus事件:focus() 方法用于赋予文本域焦点(也值让某些元素得到焦点事件)。
tabindex属性:tabindex 属性可设置或返回按钮的 tab 键控制次序。
我们都知道blur只是针对form表单控件的，而对于 span , div , li 之类的，则没办法触发它们的动作，现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了。
真实项目代码:
复制代码 代码如下:
esc.popupmenu.prototype._createpopup=function(){
var popupdiv = $('
'); //创建div
popupdiv.appendto(this._owner.element); //将div加span
var _popup=popupdiv[0];
_popup.hide=function(){
popupdiv.hide();
},
_popup.show=function(){
popupdiv.show();
popupdiv.focus(); //让div得到焦点
};
popupdiv.blur(function(){
popupdiv.hide();
});
return _popup;
}
这段代码的意思是我用div模拟一个createpopup(ie可以直接生成)，生成的时候给它一个tabindex属性，然后加入span，然后让它支持显示隐藏。特别值得注意的是popupdiv,focus（），必须要给div一个焦点，否则它没有焦点如何失去焦点。