示例代码如下
创建Html元素
<div class="box"><span>点击按钮使文本域获得焦点：</span><br>
<div class="content">
<textarea name="test"></textarea>
</div>
<input type="button" value="准备输入">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{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;}
编写jquery代码
$(function(){$(":button")click(function() {
$("textarea[name='test']")focus();
})
})
观察效果
$(function(){
$('#search_auto')css({'width':$('#search input[name="k"]')width()+4});
$('#search input[name="k"]')keyup(function(){
$post('search_autophp',{'value':$(this)val()},function(data){
if(data=='0'){
$('#search_auto')html('')css('display','none');
}else{
$('#search_auto')html(data)css('display','block');
}
});
})focusout(function(){
$('#search_auto')html('')css('display','none');
});
});
试试，建议用jquery的插件 jquery-autocomplete
blur()
触发每一个匹配元素的blur事件。
这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的
focus()
触发每一个匹配元素的focus事件。
这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。
一个事失去焦点的，一个事获得焦点的
>
div是没有focus和blur事件的，可以focus可以使用click代替，blur事件可以当click响应时监控一下click事件，如果点击不是这个div就响应blur要执行的事件
当元素获得焦点时（当通过鼠标点击选中元素或通过 tab 键定位到元素），发生 focus 事件；与 focus() 方法不同的是，focusin() 方法在目标元素的任意子元素获得焦点时也会触发。
用自带的focus()就可以了
利用js中<input/>实现文本框默认获取输入焦点完整代码实现如下：
<html>
<head>
<meta >
<script type="text/javascript">
//输入框获取鼠标焦点
function autoFocus(){
var pFocus = documentgetElementById("password");
pFocusfocus();
pFocusselect();
}
</script>
</head>
<body onload="autoFocus()">
<div id="loginform">
<h1 style="font-size:15em;padding:20px;">输入密码</h1>
<form action="${pageContextrequestcontextPath}/" method="post">
<input id="password" type="password" name="password">
<input type="submit" value="提交">
</form>
</div>
</body>
</html>
扩展资料：
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义 。
参考资料：
JavaScript官方API接口-:focus
百度百科-JavaScript
W3cschool-获得字段焦点
以上就是关于用jQuery怎么实现点击输入框呢全部的内容，包括:用jQuery怎么实现点击输入框呢、jquery如何获取文本框是否有焦点，焦点移出时触发事件、如何用jquery获取失去焦点时的表单对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）