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

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

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

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮使文本域获得焦点：</span><br>

<div class="content">

<textarea name="test"></textarea>

</div>

<input type="button" value="准备输入">

</div>

设置css样式

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

textarea{width:250pxheight:100pxpadding:10pxborder:1px solid #9966cc}

input[type='button']{height:30pxmargin:10pxpadding:5px 10px}

编写jquery代码

$(function(){

$(":button").click(function() {

$("textarea[name='test']").focus()

})

})

观察效果

假如直接在body里加一个输入框

$(function() {

var $text = $("<input type='text' value='123'/>")

$("body").append($text)

$text.click(function() {

alert($(this).val())

})

})

不过这样有一个缺点，就是你不能给这个输入框手动输入值，因为你一点击他，他就d出alert了

所以还是一个其他对象的点击事件来实现d出的好，或者不用点击，用输入框的焦点失去事件blur()

---