添加锚点和onClick到链接

Question

我有一个带有链接的图像，当单击该链接时，我希望将用户带到同一页面上的锚点，然后将光标聚焦在正下方的输入上。

<a onclick="document.newsletter.email.focus();" href="#newssection"><img src="images/newsletter_slide.jpg" /></a>

当它只是onClick时，它可以工作，但不会向下滚动页面；当我使用锚点时，它会转到该部分，但不会聚焦。

我切换了onClick和href，但并没有帮助

Answer 1

尝试这个。

http://jsfiddle.net/HgSjH/3/

<a onclick="document.newsletter.email.focus();return false;" href="#">click me</a>
<form name="newsletter" id="newssection">
  <input id="email" name="email"/>
</form>

Answer 2

我认为一个简单

document.getElementById('yourEmailField').focus(); 应该可以。

它将自动聚焦到该元素，并且如果需要也滚动。