首先,打開(kāi)html編輯器,新建html文件,例如:index.html,并引入jquery。其次,在index.html中的標(biāo)簽,輸入jquery代碼:$(input).focus();。瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)用jquery成功獲取了input輸入框的焦點(diǎn)。
創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的彝良網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
先使用jQuery選擇器找到所有的文本框。為文本框注冊(cè)獲得焦點(diǎn)事件,即focus事件。在焦點(diǎn)事件的事件處理函數(shù)中對(duì)當(dāng)前得到焦點(diǎn)的文本框設(shè)置背景色。注冊(cè)失去焦點(diǎn)事件,即blur事件。
DIV直接使用focus()和blur()兩個(gè)方法是無(wú)效的,需添加tabindex=0contenteditable=true屬性,設(shè)置div為可編輯狀態(tài),則可點(diǎn)擊獲取焦點(diǎn),同時(shí)div的內(nèi)容也是可以編輯的,設(shè)置div的tabindex,此時(shí)div的內(nèi)容是不可編輯的。
jquery實(shí)現(xiàn)方法 對(duì)于元素的焦點(diǎn)事件,我們可以使用jQuery的焦點(diǎn)函數(shù)focus(),blur()。focus():得到焦點(diǎn)時(shí)使用,和javascript中的onfocus使用方法相同。
1、這將觸發(fā)所有綁定的focus函數(shù),注意,某些對(duì)象不支持focus方法。
2、在可編輯的DIV里,加上blur事件,就是當(dāng)失去焦點(diǎn)時(shí),獲取失去焦點(diǎn)的DIV的ID,然后保存到全局變量里,這樣你在做添加圖片時(shí),可以直接讀取這個(gè)全局變量來(lái)獲取最后是哪個(gè)DIV失去了焦點(diǎn)。
3、onblur事件是當(dāng)前對(duì)象失去焦點(diǎn)時(shí)候觸發(fā),這時(shí)候還沒(méi)有元素獲得焦點(diǎn)。
4、(input).on(blur,function(){ console.log($(this).val())})需要引入jquery。
1、第一個(gè)div隱藏溢出的部分,第二個(gè)div利用負(fù)的margin把隱藏掉第一個(gè)div顯示的內(nèi)容。
2、接受兩個(gè)參數(shù),i為元素在對(duì)象集合中的索引位置,origValue是原先的屬性值。
3、}, easeInExpo); }, function () { $(#g + j.toString()).animate({ paddingBottom: 0px }, easeInExpo); });}這樣應(yīng)該就可以了。