本篇內(nèi)容主要講解“如何解決搜索文本框焦點(diǎn)離開(kāi)時(shí)文本位置跳動(dòng)問(wèn)題”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“如何解決搜索文本框焦點(diǎn)離開(kāi)時(shí)文本位置跳動(dòng)問(wèn)題”吧!

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到南陵網(wǎng)站設(shè)計(jì)與南陵網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋南陵地區(qū)。

代碼如下:

//搜索文本框
$("#txtSearch").focus(function () {
if ($(this).val() == "請(qǐng)輸入搜索關(guān)鍵字") {
$(this).val("");
$(this).css("color", "black");
}
}).blur(function () {
if ($(this).val() == "") {
$(this).css("color", "gray").val("請(qǐng)輸入搜索關(guān)鍵字");
}
});

在css中加入

代碼如下:

#txtSearch
{
width:480px;
height:20px;
vertical-align:middle;
}

到此，相信大家對(duì)“如何解決搜索文本框焦點(diǎn)離開(kāi)時(shí)文本位置跳動(dòng)問(wèn)題”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)頁(yè)題目：如何解決搜索文本框焦點(diǎn)離開(kāi)時(shí)文本位置跳動(dòng)問(wèn)題-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/dppsid.html