Question

用jQuery怎么实现点击输入框呢？

用jQuery怎么实现点击输入框呢？
<a id="ss">输入</a>

<textarea name="aa" id="bb" tabindex="4" cols="50" rows="5"></textarea>

点击<a>输入</a> 然后自动跳转到下面输入框 并且是鼠标点中的状态。

Answer 1

jquery的focus()方法可以使元素获得焦点

$(selector).focus();   // 使目标元素获得焦点

示例代码如下

1. 创建Html元素

   <div class="box">
   	<span>点击按钮使文本域获得焦点：</span><br>
   	<div class="content">
   		<textarea name="test"></textarea>
   	</div>
   	<input type="button" value="准备输入">
   </div>

2. 设置css样式

   div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
   div.box span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
   textarea{width:250px;height:100px;padding:10px;border:1px solid #9966cc;}
   input[type='button']{height:30px;margin:10px;padding:5px 10px;}

3. 编写jquery代码

   $(function(){
   	$(":button").click(function() {
   		$("textarea[name='test']").focus();
   	})
   })

4. 观察效果

   

Answer 2

// 点击 a, textarea 获取焦点
$("#ss").click(function() {
    $("#bb").focus();
});

如果你之前给 textarea 定义了事件，例如点击 textarea 执行某些代码，现在想点击 a 的同时模拟 textarea 点击，使用 trigger

// 点击 textarea, 执行 alert
$("#bb").click(function() {
    alert("textarea 被点击");
});
    
// 点击 a, textarea 获取焦点，同时模拟 textarea 点击，执行 alert
$("#ss").click(function() {
    $("#bb").focus().trigger("click");
});

Answer 3

一楼正解，完全没有问题！