DIV獲取焦點(兩種方法):
目前成都創(chuàng)新互聯(lián)已為上1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計、蕪湖縣網(wǎng)站維護等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
DIV直接使用focus()和blur()兩個方法是無效的,需添加tabindex="0"或者contenteditable="true"屬性
①:設(shè)置div為可編輯狀態(tài),則可點擊獲取焦點,同時div的內(nèi)容也是可以編輯的;如:
div
contenteditable="true"11111111111111/div
②:設(shè)置div的tabindex,此時div的內(nèi)容是不可編輯的;如:
div
tabindex="0"11111111111111/div
PS:設(shè)置tabindex屬性,按鍵盤Tab鍵可讓其獲取焦點,其中tabindex的值越小在tab鍵切換的時候就會首先聚焦
$('input[name="name"]').on('input?propertychange',?function(event)?{
var?_this?=?$(this);
var?vals?=?_this.val();
if(vals!=''){
setTimeout(function(){
_this.next().focus();
},1000)
}
});
由于JQuery中獲得的對象還是JQuery對象,對其使用focus()只是使該對象獲得onFocus()函數(shù),不能是對象獲得焦點,所以要使對象獲得焦點,應(yīng)該調(diào)用DOM對象的focus 方法,即:?$("#id")[0].focus(); 需要注意兩個函數(shù)之間的區(qū)別: $("#id").focus(); ?和?$("#id")[0].focus(); 第一個是增加onFocus()時間,一個是使DOM對象獲得焦點。
怎樣可以在“jquery”讓文本框獲取焦點時改變背景顏色?
1、先使用jQuery選擇器找到所有的文本框
2、為文本框注冊獲得焦點事件,即focus事件
3、在焦點事件的事件處理函數(shù)中對當(dāng)前得到焦點的文本框設(shè)置背景色
4、注冊失去焦點事件,即blur事件
5、在失去焦點的事件處理函數(shù)中對當(dāng)前觸發(fā)事件的文本框改變背景顏色script?type="text/javascript"?$(funct? $("input:text").focus(function(){?//讓當(dāng)前得到焦點的文本框改變其背景色$(this).css("background","pink");});?//找到文本框,并注冊失去焦點事件$("input:text").blur(function()//讓當(dāng)前失去焦點的文本框背景色變?yōu)榘咨?(this).css("background","white");?});?});/script
$(function()
{
//
點擊
"彈出層"
在頁面建立
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)
按鈕獲取焦點
$("#ok").focus();
});
$(document).on("click",
"#ok",
function()
{
alert("通過點擊
確定
關(guān)閉層");
$("#popup").remove();
}).on("click",
"#cancel",
function()
{
alert("通過點擊
取消
關(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)點擊
確認(rèn)/取消,鍵盤按下
回車/ESC)在
.remove()
之前添加更多代碼。
DIV獲取焦點有兩種方法:
DIV直接使用focus()和blur()兩個方法是無效的,需添加tabindex="0contenteditable="true"屬性,設(shè)置div為可編輯狀態(tài),則可點擊獲取焦點,同時div的內(nèi)容也是可以編輯的,
設(shè)置div的tabindex,此時div的內(nèi)容是不可編輯的。
PS:設(shè)置tabindex屬性,按鍵盤Tab鍵可讓其獲取焦點,其中tabindex的值越小在tab鍵切換的時候就會首先聚焦
文章題目:獲得焦點jquery,獲得焦點是什么
瀏覽地址:http://aaarwkj.com/article30/dsigoso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、定制網(wǎng)站、域名注冊、網(wǎng)站設(shè)計、用戶體驗、網(wǎng)站維護
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)