jquery一個(gè)div怎么獲得焦點(diǎn)和失去焦點(diǎn)

DIV獲取焦點(diǎn)（兩種方法）：

目前成都創(chuàng)新互聯(lián)已為上1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、蕪湖縣網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

DIV直接使用focus()和blur()兩個(gè)方法是無效的，需添加tabindex="0"或者contenteditable="true"屬性

①：設(shè)置div為可編輯狀態(tài)，則可點(diǎn)擊獲取焦點(diǎn)，同時(shí)div的內(nèi)容也是可以編輯的；如：

div

contenteditable="true"11111111111111/div

②：設(shè)置div的tabindex，此時(shí)div的內(nèi)容是不可編輯的；如：

div

tabindex="0"11111111111111/div

PS:設(shè)置tabindex屬性，按鍵盤Tab鍵可讓其獲取焦點(diǎn)，其中tabindex的值越小在tab鍵切換的時(shí)候就會(huì)首先聚焦

js jQuery 觸發(fā)獲取焦點(diǎn)

$('input[name="name"]').on('input?propertychange',?function(event)?{

var?_this?=?$(this);

var?vals?=?_this.val();

if(vals!=''){

setTimeout(function(){

_this.next().focus();

},1000)

}

});

jquery 怎么讓文本框獲取焦點(diǎn)

由于JQuery中獲得的對象還是JQuery對象，對其使用focus()只是使該對象獲得onFocus()函數(shù)，不能是對象獲得焦點(diǎn)，所以要使對象獲得焦點(diǎn)，應(yīng)該調(diào)用DOM對象的focus 方法，即：?$("#id")[0].focus(); 需要注意兩個(gè)函數(shù)之間的區(qū)別： $("#id").focus(); ?和?$("#id")[0].focus(); 第一個(gè)是增加onFocus()時(shí)間，一個(gè)是使DOM對象獲得焦點(diǎn)。

怎樣可以在“jquery”讓文本框獲取焦點(diǎn)時(shí)改變背景顏色？

1、先使用jQuery選擇器找到所有的文本框

2、為文本框注冊獲得焦點(diǎn)事件，即focus事件

3、在焦點(diǎn)事件的事件處理函數(shù)中對當(dāng)前得到焦點(diǎn)的文本框設(shè)置背景色

4、注冊失去焦點(diǎn)事件，即blur事件

5、在失去焦點(diǎn)的事件處理函數(shù)中對當(dāng)前觸發(fā)事件的文本框改變背景顏色script?type="text/javascript"?$(funct? $("input:text").focus(function(){?//讓當(dāng)前得到焦點(diǎn)的文本框改變其背景色$(this).css("background","pink");});?//找到文本框，并注冊失去焦點(diǎn)事件$("input:text").blur(function()//讓當(dāng)前失去焦點(diǎn)的文本框背景色變?yōu)榘咨?(this).css("background","white");?});?});/script

jquery獲取焦點(diǎn)問題

$(function()

{

//

點(diǎn)擊

"彈出層"

在頁面建立

div

層

$("#open").on("click",

function()

{

$("body").append('div

id="popup"

style="width:

100px;

height:

100px;

background:

#eee;

padding:

20px;"

文字文字文字input

type="button"

id="ok"

value="確定"

/input

type="button"

id="cancel"

value="取消"

/');

//

確認(rèn)

按鈕獲取焦點(diǎn)

$("#ok").focus();

});

$(document).on("click",

"#ok",

function()

{

alert("通過點(diǎn)擊

確定

關(guān)閉層");

$("#popup").remove();

}).on("click",

"#cancel",

function()

{

alert("通過點(diǎn)擊

取消

關(guān)閉層");

$("#popup").remove();

}).on("keydown",

function(e)

{

if(e.which

===

13)

{

alert("通過鍵盤

回車

關(guān)閉層");

$("#popup").remove();

}

else

if(e.which

===

27)

{

alert("通過鍵盤

ESC

關(guān)閉層");

$("#popup").remove();

}

});

});

你可以根據(jù)不同事件（鼠標(biāo)點(diǎn)擊

確認(rèn)/取消，鍵盤按下

回車/ESC）在

.remove()

之前添加更多代碼。

jquery一個(gè)div怎么獲得焦點(diǎn)和失去焦點(diǎn)？

DIV獲取焦點(diǎn)有兩種方法：

DIV直接使用focus()和blur()兩個(gè)方法是無效的，需添加tabindex="0contenteditable="true"屬性，設(shè)置div為可編輯狀態(tài)，則可點(diǎn)擊獲取焦點(diǎn)，同時(shí)div的內(nèi)容也是可以編輯的，

設(shè)置div的tabindex，此時(shí)div的內(nèi)容是不可編輯的。

PS:設(shè)置tabindex屬性，按鍵盤Tab鍵可讓其獲取焦點(diǎn)，其中tabindex的值越小在tab鍵切換的時(shí)候就會(huì)首先聚焦

文章題目：獲得焦點(diǎn)jquery,獲得焦點(diǎn)是什么
瀏覽地址：http://chinadenli.net/article30/dsigoso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、定制網(wǎng)站、域名注冊、網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)