欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

div失去焦點(diǎn)事件實(shí)現(xiàn)思路

 更新時(shí)間：2014年04月22日 15:50:11   作者：  
blur只是針對form表單控件的，而對于 span , div , li 之類的，則沒辦法觸發(fā)它們的動作，本文有個示例，看看是怎么實(shí)現(xiàn)的
看本文得先了解以下幾個事件（摘自w3c）。

blur事件: 當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生 blur 事件。

focus事件:focus() 方法用于賦予文本域焦點(diǎn)(也值讓某些元素得到焦點(diǎn)事件)。

tabIndex屬性:tabIndex 屬性可設(shè)置或返回按鈕的 tab 鍵控制次序。

我們都知道blur只是針對form表單控件的，而對于 span , div , li 之類的，則沒辦法觸發(fā)它們的動作，現(xiàn)在我們只需要設(shè)置一個tabindex屬性則可以觸發(fā)它們的焦點(diǎn)事件了。

真實(shí)項(xiàng)目代碼:
復(fù)制代碼 代碼如下:

Esc.PopupMenu.prototype._createPopup=function(){
var popupDiv = $('<div tabindex=1></div>'); //創(chuàng)建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得到焦點(diǎn)
};
popupDiv.blur(function(){
popupDiv.hide();
});
return _popup;
}

這段代碼的意思是我用div模擬一個createPopup(IE可以直接生成)，生成的時(shí)候給它一個tabindex屬性，然后加入span，然后讓它支持顯示隱藏。特別值得注意的是popupDiv,focus（），必須要給div一個焦點(diǎn)，否則它沒有焦點(diǎn)如何失去焦點(diǎn)。

相關(guān)文章

最新評論