Javascript 搜索框在访问网站时处于活动状态。

我有一个搜索框，当客户访问我的网页时，我想激活它

我的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>

我只是想将用户默认设置到字段中，就像Amazon将您默认设置到他们的搜索框中一样。

您可以使用.focus（）来集中输入

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

您可以使用.focus（）来聚焦输入

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

您可以使用HTML5属性：

<input type="text" autofocus>

您可以使用HTML5属性：

<input type="text" autofocus>

---

页面加载后，您可以使用这些选项中的任何一个

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

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

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

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

例如：

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

---

您可以在页面加载后使用这些选项中的任何一个

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

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

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

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

例如：

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

---

纯Javascript解决方案，适用于IE6+和任何其他浏览器

把这个放在身体末端标签之前

  <script type="text/javascript">
    var obj = document.getElementById("ss");
    obj.focus(); 
  </script>

var obj=document.getElementById（“ss”）；
obj.focus（）；

在支持html5的浏览器上，可以在输入中使用自动聚焦属性

<input autofocus 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" autocomplete="off" />

---

纯Javascript解决方案，适用于IE6+和任何其他浏览器

把这个放在身体末端标签之前

  <script type="text/javascript">
    var obj = document.getElementById("ss");
    obj.focus(); 
  </script>

var obj=document.getElementById（“ss”）；
obj.focus（）；

在支持html5的浏览器上，可以在输入中使用自动聚焦属性

<input autofocus 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" autocomplete="off" />

什么是活动的意思？如中所示，页面加载时默认进入搜索字段。但仅限于主页。在产品页面上没有意义，因为如果用户在产品页面上，那么他们很可能已经找到了他们想要的东西。我认为逻辑是合理的。什么是活动的意思？如中所示，页面加载时默认进入搜索字段。但仅限于主页。在产品页面上没有意义，因为如果用户在产品页面上，那么他们很可能已经找到了他们想要的东西。我想这是合理的逻辑。有没有办法只在我的主页上加载页面？据我所知，亚马逊只在你访问主页时才这么做。@user2433689就像epascarello说的，把脚本放在你的家里page@MLeFevre嗯，奇怪，如果我找到解决方案，我会更新答案that@Anton它对FF有效，只是FF似乎不允许在iframe内的元素上设置焦点，或者，这可能是与JSFIDLE有关的更具体的问题，请参阅：有没有一种方法可以只在我的主页上加载页面时执行此操作？据我所知，亚马逊只在你访问主页时才这么做。@user2433689就像epascarello说的，把脚本放在你的家里page@MLeFevre嗯，奇怪，如果我找到解决方案，我会更新答案that@Anton它对FF有效，只是FF似乎不允许在iframe内的元素上设置焦点，或者这可能是与JSFIDLE相关的更具体的问题，请参见：只是一个旁注，autofocus属性是HTML5。虽然我确实在我的页面上使用Modernizer.js来提供HTML5/CSS3支持，但我不确定它是否支持。请看一下浏览器支持：@chrisツ 是的，但我想知道的是，我使用modernizer.js脚本是否会注入对自动对焦的支持？我不是专家，但我认为modernizer只检测您的浏览器是否支持这些功能。如果我错了，请纠正我！请注意，autofocus属性是HTML5。虽然我确实在我的页面上使用Modernizr.js来提供HTML5/CSS3支持，但我不确定它是否支持HTML5/CSS3。请查看浏览器支持：@chrisツ 是的，但我想知道的是，我使用modernizer.js脚本是否会注入对自动对焦的支持？我不是专家，但我认为modernizer只检测您的浏览器是否支持这些功能。如果我错了，请纠正我！