輸入焦點字段，然後添加頁面加載類

好吧，這裏是我有一個輸入字段與類.cf-se-input。我希望這個領域儘快和jquery一起關注文檔。此外，如果該字段變得焦點，無論是當用戶點擊輸入字段或jQuery的焦點，我想添加一個ID爲#searchput的div的類。這是安定。輸入焦點字段，然後添加頁面加載類

網頁加載=>的.cf-SE-輸入變爲focues =>

的.cf-SE-輸入變得集中的下一個代碼將火=>如果的.cf-SE-輸入聚焦或者當用戶點擊字段或者當jquery automaticall將其集中在頁面加載addClass .cfse_a到#searchput。

變本加厲

這是我的搜索框

<div id="searchput"> <input type="textarea" class="cf-se-input" /> </div>

我的風格.cfse_a以便與該類事情有一個藍色邊框。在我的情況下，它不是帶有藍色邊框的輸入字段，我希望我希望searchput的div具有藍色邊框，但只有當輸入字段被聚焦時。

現在有兩種方式可以通過jquery或手工來關注字段。我希望兩者都被覆蓋。所以如果用戶點擊輸入並且它變得集中，我仍然想要將類添加到#searchput。另外，如果在頁面加載jQuery強制輸入字段集中我還是希望#searchput addClass .cfse_a就可以了。

來源

2012-05-22 user1405690

而且，你有什麼嘗試？ – Blazemonger

您需要使用$.focus()方法。請參閱文檔：http://api.jquery.com/focus/。

你可以撥打$('.cf-se-input').focus()讓焦點移動到你的textarea。

您可以致電$(document).ready以調用$('.cf-se-input').focus(function() { alert('focused!'); });，以便在關注textarea時執行一些代碼。

來源

2012-05-22 19:48:31

我試過$（'。cf-se-input'）。focus（）; $（'。cf-se-input'）。focus（function（）{$（'＃searchput'）。addClass（'cfse_a'）;}）;這就是我在文檔準備好的時候嘗試過的輸入字段，但是關注焦點的addcalss不起作用。 – user1405690

得到用戶集中突出最簡單的方法是隻使用CSS

.inputElement:focus { 
    box-shadow: 0 0 5px #EC8937; 
    padding: 3px 0px 3px 3px; 
    margin: 5px 1px 3px 0px; 
    border: 1px solid #EC8937; 
}

，如果你可以添加其他類元素時，jQuery的文件準備可以啓動

時獲得輸入高亮但確保你有一種方法，當焦點不再需要或當用戶點擊其他東西時，刪除該課程

來源

2016-11-22 07:00:05

輸入焦點字段，然後添加頁面加載類

回答

相關問題