訪問網站時搜索框處於活動狀態。

我有一個搜索框，當客戶訪問我的網頁時，我想使其處於活動狀態。訪問網站時搜索框處於活動狀態。

我的HTML是：

<form class="form-search top-search" action="Search.aspx" onsubmit="return validateSearch(this);" method="GET"> 
<input type="text" class="input-medium search-query yui-ac-input" name="ss" id="ss" placeholder="Search and find it fast" title="Search and find it fast" onblur="if (this.value == '') { this.value = 'Search and find it fast'; }" onfocus="if ((this.value == 'Search and find it fast')||(this.value == 'Search and find it fast')) { this.value = ''; }" onkeypress="if ((this.value == 'Please enter a keyword or item #')||(this.value == 'Search and find it fast')) { this.value = ''; } else{ document.getElementsByName('ss')[0].style.color='black'; }" autocomplete="off"> 
<input type="submit" title="Search" class="btn btn-orange SearchButton" value="Search"> 
</form>

我只是想給用戶你默認進入該領域，怎麼樣亞馬遜默認到他們的搜索框。

來源

2014-02-11 James Anderson

什麼是積極的手段？ –

如同在頁面加載時默認進入搜索字段。但只限於主頁。在產品頁面上沒有意義，因爲如果用戶在產品頁面上，那麼他們可能找到了他們想要的東西。聽起來很合邏輯，我想。 –

您可以使用.focus（）來集中輸入

$(function() { 
    $('#ss').focus(); 
});

DEMO

來源

2014-02-11 13:23:03 Anton

有沒有辦法只在我的主頁上加載頁面？從我所看到的，亞馬遜只有當你訪問主頁時纔會這樣做。 –

你只把代碼放在主頁上比... – epascarello

似乎不工作在FF v27 – MLeFevre

可以使用HTML5 autofocus屬性：

<input type="text" autofocus>

來源

2014-02-11 13:24:34 chris

請注意，自動對焦屬性爲HTML5 – MLeFevre

雖然我在我的頁面上使用Modernizr.js來提供HTML5/CSS3支持，但我不確定它是否受支持。 –

看看瀏覽器的支持：http://www.wufoo.com/html5/attributes/02-autofocus.html – chris

您可以使用其中任一選項後頁面加載。

$('#ss').focus(); 

$('#ss').select(); 

$('#ss').trigger('focus'); 

$('#ss').trigger('click');

例如：

$(document).ready(function(){ 
    $('#ss').trigger('click'); 
});

來源

2014-02-11 13:28:26

純JavaScript的解決方案，工作IE6 +和其他任何瀏覽器。

體結束標記之前將這個

<script type="text/javascript"> 

    var obj = document.getElementById("ss"); 
    obj.focus(); 

    </script>

來源

2014-02-11 13:31:32 Kudlas

訪問網站時搜索框處於活動狀態。

回答

相關問題