快捷導(dǎo)航

JavaScript 關(guān)于元素獲取焦點(diǎn)(隱藏元素與div)

更新時(shí)間：2011年01月01日 18:09:13 作者：

關(guān)于元素獲取焦點(diǎn)要注意2個(gè)小問(wèn)題，需要的朋友可以參考下。

1，隱藏元素?zé)o法獲取焦點(diǎn)
2，對(duì)于div等特殊元素獲取焦點(diǎn)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>關(guān)于元素獲取焦點(diǎn)</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } .title { font-size: 18px; font-weight: bolder;margin:40px 0; } </style> </head> <body> <div   id="wppm3vysvbp"   class="title">關(guān)于元素獲取焦點(diǎn)：</div> <div   id="wppm3vysvbp"   class="title">1，隱藏元素?zé)o法獲取焦點(diǎn)</div> <p>下面有個(gè)隱藏的Input:</p> <p style="display:none;"><input class="input" id="textbox" name="textbox" value="Hi,Jb51!!!" /></p> <input type="button" onclick="process0();" value="無(wú)法使隱藏元素獲取焦點(diǎn)"> <p>解決方法：先把元素顯示，在獲取焦點(diǎn)。</p> <div   id="wppm3vysvbp"   class="title">2，對(duì)于div等特殊元素獲取焦點(diǎn)</div> <div   class="wppm3vysvbp"   id="a" >我是DIV元素，我不帶tabindex="-1"。</div> <input type="button" onclick="process1();" value="Div不能獲取焦點(diǎn)"> <div   class="wppm3vysvbp"   id="b" tabindex="-1">我是DIV元素，我?guī)abindex="-1",點(diǎn)擊下面按鈕試試效果。</div> <input type="button" onclick="process2();" value="使Div獲取焦點(diǎn)">  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

JavaScript?中比較字符串的?4?種方法示例詳解
這篇文章主要介紹了在?JavaScript?中比較字符串的?4?種方法,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-10-10
Javascript與vbscript數(shù)據(jù)共享
Javascript與vbscript數(shù)據(jù)共享...
2007-01-01
詳解JavaScript的this指向和綁定
JavaScript 中的 new、bind、call、apply 實(shí)際這些都離不開(kāi) this，因此本文將著重討論 this，在此過(guò)程中分別講解其他相關(guān)知識(shí)點(diǎn)。
2020-09-09
js Proxy的原理詳解
Proxy用于修改某些操作的默認(rèn)行為，在目標(biāo)對(duì)象前架設(shè)一個(gè)“攔截”層，外界對(duì)該對(duì)象的訪問(wèn)都必須先通過(guò)這一層攔截，因此提供了一種機(jī)制可以對(duì)外界的訪問(wèn)進(jìn)行過(guò)濾和改寫(xiě)。本文就講講Proxy的使用
2021-05-05
JavaScript內(nèi)置對(duì)象之Array的使用小結(jié)
這篇文章主要介紹了JavaScript內(nèi)置對(duì)象之Array的使用小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
JavaScript中判斷網(wǎng)絡(luò)狀態(tài)的幾種方法
這篇文章主要介紹了如何使用JavaScript的`navigator.onLine`屬性和`ononline`、`onoffline`事件來(lái)檢測(cè)瀏覽器的在線狀態(tài),并提供了兼容性代碼示例,需要的朋友可以參考下
2025-02-02
Packer 3.0 JS壓縮及混淆工具下載
Packer 3.0 JS壓縮及混淆工具下載...
2007-05-05
JavaScript對(duì)象解構(gòu)的用法實(shí)例解析
解構(gòu)賦值允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z(yǔ)法將數(shù)組和對(duì)象的屬性賦給各種變量,下面這篇文章主要給大家介紹了關(guān)于JavaScript對(duì)象解構(gòu)用法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-01-01
javascript的回調(diào)函數(shù)應(yīng)用示例
回調(diào)函數(shù)就是一個(gè)通過(guò)函數(shù)指針調(diào)用的函數(shù)。下面以示例的方式為大家介紹下其具體的使用
2014-02-02
TypeScript中的方法重載詳解
這篇文章主要給大家介紹了關(guān)于TypeScript中方法重載的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用TypeScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04