国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

div失去焦點事件實現思路

2019-11-20 20:48:03
字體:
來源:轉載
供稿:網友
看本文得先了解以下幾個事件(摘自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一個焦點,否則它沒有焦點如何失去焦點。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平顶山市| 伊吾县| 日土县| 邳州市| 汉沽区| 墨脱县| 容城县| 靖安县| 金堂县| 离岛区| 纳雍县| 梅州市| 德阳市| 班戈县| 贡山| 万安县| 林州市| 罗源县| 扶风县| 溆浦县| 白城市| 蒙阴县| 岗巴县| 义乌市| 左贡县| 肃南| 惠安县| 论坛| 乌海市| 商水县| 泰顺县| 阆中市| 余庆县| 关岭| 文水县| 林芝县| 晋州市| 开江县| 深泽县| 个旧市| 富川|