分析div失去焦点事件focus()实现思路
w3c定义如下：
blur事件: 当元素失去焦点时发生 blur 事件。
focus事件:focus() 方法用于赋予文本域焦点(也值让某些元素得到焦点事件)。
tabIndex属性:tabIndex 属性可设置或返回按钮的 tab 键控制次序。
我们都知道blur只是针对form表单控件的，而对于 span , div , li 之类的，则没办法触发它们的动作，现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了。
真实项目代码:
代码如下:
Esc.PopupMenu.prototype._createPopup=function(){
var popupDiv = $('<div tabindex=1></div>'); //创建div
popupDiv.appendTo(this._owner.element); //将div加span
var _popup=popupDiv[0];
_popup.hide=function(){
popupDiv.hide();
},
_popup.show=function(){
popupDiv.show();
popupDiv.focus();<span style="white-space:pre"> </span>//让div得到焦点
};
popupDiv.blur(function(){
popupDiv.hide();
});
return _popup;
}
这段代码的意思是我用div模拟一个createPopup(IE可以直接生成)，生成的时候给它一个tabindex属性，然后加入span，然后让它支持显示隐藏。特别值得注意的是popupDiv,focus（），必须要给div一个焦点，否则它没有焦点如何失去焦点。
相关文章
- js分享Area 区域实现post提交数据的写法(2014-6-11 14:53:36)
- js选择输入框中的内容兼容IE及其它主流浏览器 getSelection(2014-6-11 14:50:30)
- js使用document.defaultView.getComputedStyle()、currentStyle()方法获取CSS属性值(2014-6-11 14:42:59)
- 总结js select option对象 获取option的值(2014-6-10 14:42:25)
- js当某个文本框成为焦点时即清除文本框内容(2014-6-9 14:37:55)
- 1MB和1Mb有区别吗？ 此乃一个面试题(2014-5-29 14:41:49)
- javascript实现2048游戏代码分享(2014-5-27 14:57:56)
- 完整的javascript URL解析函数和分段URL解析方法(2014-4-15 16:36:40)
- javascript事件冒泡详解和捕获、阻止方法(2014-4-15 16:33:39)
- js window.open打开新窗口后无法再次打开该窗口问题的解决方法(2014-4-15 16:26:49)
