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

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

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

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

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

div

contenteditable="true"11111111111111/div

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

div

tabindex="0"11111111111111/div

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

js jQuery 觸發獲取焦點

$('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.在失去焦點的事件處理函數中對當前觸發事件的文本框改變背景顏色。

script type="text/javascript"

$(function(){

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

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

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

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

});

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

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

//讓當前失去焦點的文本框背景色變為白色。

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

});

});

/script

網頁題目：jquery獲取焦點事件,jQuery獲取焦點
文章源于：http://vcdvsql.cn/article4/dsdejoe.html

成都網站建設公司_創新互聯，為您提供移動網站建設、網站營銷、Google、自適應網站、定制網站、軟件開發

廣告

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