页面加载时,在登录表单字段中设置光标。

4

我正在尝试在页面加载时使我的光标加载到登录表单字段中。因此,我正在使用这个代码,据说在每个浏览器中都可以工作,但我无法让它在任何浏览器中工作。

<script type="text/javascript">
$(document).ready(function(){
document.login.input.focus();
});
</script>

这是我正在尝试添加的页面: http://test.clickacart.com 这应该在页面加载时将光标加载到第一个用户名/电子邮件字段中,以便用户无需单击内部即可填写它。

2
那是jQuery,但我没有看到你在页面中包含jQuery。 - j08691
是的,你没有引用jQuery... Uncaught ReferenceError: jQuery未定义。 - Split Your Infinity
3个回答

6
大多数浏览器都支持像这样的自动对焦属性...
<input type='...' autofocus />

另一种选择是采用 jQuery 方法,如下所示...
$(function () {
   $('[autofocus]').focus()
});

我注意到这个自动对焦方法在IE中似乎无法工作。有什么解决办法能让我理解?如果我们必须使用jQuery或JavaScript,您能提供在我的情况下有效的代码吗? - sven30
<input type='...' autofocus /> 工作了!上面列出的 ready(function .focus 方法却没有。很好,简单的代码。 - Michael d

3
$(function() { $('[name="email_address"]').focus(); });

什么是jQuery?不是有很多版本吗? - sven30
好的,我已经添加了这个代码,现在它可以正常工作了。这是一个好的版本吗?虽然我不太清楚jquery的不同版本之间有什么区别。 - sven30
你可以使用谷歌的CDN引用最新的1.7.x版本 - http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js - Alex
所以,推荐使用最新版本? - sven30

1
尝试通过选择器中的id指定字段名称 $(document).ready(function() { $("#fieldId").focus(); });

我在email_address输入文本框中添加了一个名为"user"的id。 ` - sven30

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接