jquery一個div怎么獲得焦點和失去焦點

DIV獲取焦點（兩種方法）：

網站建設哪家好，找創(chuàng)新互聯(lián)！專注于網頁設計、網站建設、微信開發(fā)、成都微信小程序、集團企業(yè)網站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了黃平免費建站歡迎大家使用！

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

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

div

contenteditable="true"11111111111111/div

②：設置div的tabindex，此時div的內容是不可編輯的；如：

div

tabindex="0"11111111111111/div

PS:設置tabindex屬性，按鍵盤Tab鍵可讓其獲取焦點，其中tabindex的值越小在tab鍵切換的時候就會首先聚焦

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

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

var?_this?=?$(this);

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

if(vals!=''){

setTimeout(function(){

_this.next().focus();

},1000)

}

});

jquery獲取焦點問題

script type="text/javascript"

$(function() {

// 點擊 "彈出層" 在頁面建立 div 層

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

$("body").append('div id="popup" style="width: 100px; height: 100px; background: #eee; padding: 20px;"p文字文字文字/pinput type="button" id="ok" value="確定" /input type="button" id="cancel" value="取消" //div');

// 確認 按鈕獲取焦點

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

});

$(document).on("click", "#ok", function() {

alert("通過點擊 確定 關閉層");

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

}).on("click", "#cancel", function() {

alert("通過點擊 取消 關閉層");

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

}).on("keydown", function(e) {

if(e.which === 13) {

alert("通過鍵盤 回車 關閉層");

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

}

else if(e.which === 27) {

alert("通過鍵盤 ESC 關閉層");

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

}

});

});

/script

input type="button" id="open" value="彈出層" /

你可以根據不同事件（鼠標點擊 確認/取消，鍵盤按下 回車/ESC）在 .remove() 之前添加更多代碼。

jquery js 當文本框獲得焦點時，自動選中里面的文字

$(function(){

$(":text").focus(function(){

this.select();

});

});

JQuery文本框獲得焦點背景顏色改變：

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

2.為文本框注冊獲得焦點事件，即focus事件。

3.在焦點事件的事件處理函數中對當前得到焦點的文本框設置背景色。

4.注冊失去焦點事件，即blur事件。

5.在失去焦點的事件處理函數中對當前觸發(fā)事件的文本框改變背景顏色。

script type="text/javascript"

$(function(){

//找到文本框，并注冊得到焦點事件。

$("input:text").focus(function(){

//讓當前得到焦點的文本框改變其背景色。

$(this).css("background","pink");

});

//找到文本框，并注冊失去焦點事件

$("input:text").blur(function(){

//讓當前失去焦點的文本框背景色變?yōu)榘咨?/p>

$(this).css("background","white");

});

});

/script