链接到textarea

Question

我想创建一个链接,将用户带到textarea并允许他们立即开始输入.这是我的textarea:

<textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>

目前,我只是链接到:

<a href="#commentnow">Post a comment</a>

但这只会将它们带到textarea所在的区域,而不是它内部,以便它们可以开始输入.为了做到这一点,他们显然需要点击它.我用我当前的设置创造了一个小提琴.

我想可以有各种解决方案.然而,我会请求一个以兼容性为中心的解决方案(适用于所有浏览器,特别是手机浏览器).

Answer 1

使用.focus()方法和window.location.hash.

<a href="#comment" onclick="window.location.hash = 'comment'; document.getElementById('comment').focus(); return false;">click</a>
<textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>

使用return false或preventDefault()为此在任何地方工作.Android上的Chrome/stock浏览器不需要此功能.Firefox移动有.

这是你测试的小提琴.这是另一个示例小提琴,其中提交在键入时可见.