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

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

讓HTML標(biāo)簽、DIV、SPAN擁有onfocus和onblur,聚焦和失焦

2024-04-27 15:16:21
字體:
供稿:網(wǎng)友
DIV和其他普通標(biāo)簽是不具有onfocus和onblur事件的。INPUT和A標(biāo)簽為什么擁有?而DIV和SPAN等普通標(biāo)簽卻沒有?有時候我們習(xí)慣性用鍵盤的TAB來移動光標(biāo),仔細看你會發(fā)現(xiàn),光標(biāo)只在INPUT和A上跳轉(zhuǎn)。因為INPUT和A標(biāo)簽具備TAB屬性。我們只需要給DIV或者SPAN等普通標(biāo)簽創(chuàng)建TAB,這些普通標(biāo)簽就擁有了TAB屬性。以DIV為例: 讓DIV擁有TAB并具有onfucus和onblur屬性。

給元素創(chuàng)建TAB屬性:tabindex=參數(shù)(這里和z-index類似,計算TAB起點)。 

<div tabindex="0" hidefocus="true" onfocus='alert("得到焦點");' onblur='alert("失去焦點");' style="border:1px solid #ccc;width:200px;height:200px;outline=0;">讓HTML標(biāo)簽、DIV、SPAN擁有onfocus和onblur,聚焦和失焦</div>注:定義TAB屬性后,元素是默認會加上焦點虛線的,那么在IE中可以通過hidefocus="true"去除!其他瀏覽器通過outline=0進行去除! 
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 上思县| 保山市| 福安市| 绥化市| 康乐县| 迁西县| 连南| 金乡县| 绥江县| 平南县| 买车| 永宁县| 盐源县| 哈尔滨市| 焦作市| 瑞丽市| 怀安县| 祁阳县| 桑日县| 大姚县| 高青县| 晋江市| 瓦房店市| 张家港市| 洛阳市| 永德县| 信宜市| 福鼎市| 娄底市| 左云县| 华宁县| 阿拉善右旗| 牙克石市| 砀山县| 托克托县| 肃宁县| 临沭县| 北票市| 增城市| 新疆| 阿瓦提县|