DIV獲取焦點有兩種方法:
沁陽網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)公司!從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站等網(wǎng)站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)公司于2013年開始到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)公司。
DIV直接使用focus()和blur()兩個方法是無效的,需添加tabindex="0contenteditable="true"屬性,設置div為可編輯狀態(tài),則可點擊獲取焦點,同時div的內(nèi)容也是可以編輯的,
設置div的tabindex,此時div的內(nèi)容是不可編輯的。
PS:設置tabindex屬性,按鍵盤Tab鍵可讓其獲取焦點,其中tabindex的值越小在tab鍵切換的時候就會首先聚焦
由于JQuery中獲得的對象還是JQuery對象,對其使用focus()只是使該對象獲得onFocus()函數(shù),不能是對象獲得焦點,所以要使對象獲得焦點,應該調(diào)用DOM對象的focus 方法,即:?$("#id")[0].focus(); 需要注意兩個函數(shù)之間的區(qū)別: $("#id").focus(); ?和?$("#id")[0].focus(); 第一個是增加onFocus()時間,一個是使DOM對象獲得焦點。
怎樣可以在“jquery”讓文本框獲取焦點時改變背景顏色?
1、先使用jQuery選擇器找到所有的文本框
2、為文本框注冊獲得焦點事件,即focus事件
3、在焦點事件的事件處理函數(shù)中對當前得到焦點的文本框設置背景色
4、注冊失去焦點事件,即blur事件
5、在失去焦點的事件處理函數(shù)中對當前觸發(fā)事件的文本框改變背景顏色script?type="text/javascript"?$(funct? $("input:text").focus(function(){?//讓當前得到焦點的文本框改變其背景色$(this).css("background","pink");});?//找到文本框,并注冊失去焦點事件$("input:text").blur(function()//讓當前失去焦點的文本框背景色變?yōu)榘咨?(this).css("background","white");?});?});/script
$('input[name="name"]').on('input?propertychange',?function(event)?{
var?_this?=?$(this);
var?vals?=?_this.val();
if(vals!=''){
setTimeout(function(){
_this.next().focus();
},1000)
}
});
需要準備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、其次,在index.html中的script標簽,輸入jquery代碼:$('input').focus();。
3、瀏覽器運行index.html頁面,此時用jquery成功獲取了input輸入框的焦點。