本文摘自PHP中文网,作者(*-*)浩,侵删。
想要获取焦点需要使用jQuery的focus方法。
定义和用法
当元素获得焦点时,发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。
将函数绑定到 focus 事件
语法
1 | $(selector).focus( function )
|
function:可选。规定当发生 focus 事件时运行的函数。
实例:
锁定焦点
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <html>
<head>
<script type= "text/javascript" src= "/jquery/jquery.js" ></script>
<script type= "text/javascript" >
$(document).ready( function (){
$( "input" ).focus( function (){
$( "input" ).css( "background-color" , "#FFFFCC" );
});
});
</script>
</head>
<body>
Enter your name: <input type= "text" />
<p>请在上面的输入域中点击,使其获得焦点,然后就锁定焦点了。</p>
</body>
</html>
|
以上就是jquery怎么锁定焦点的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
基于jQuery开发的ui框架有哪些
jQuery怎么让select不可选
jQuery如何获取选中和未选中的checkbox复选框
jQuery对象怎么转为html dom对象
jQuery怎么选择以什么结尾的元素
jQuery怎么判断对象是否存在
详解7款绚丽的jQuery/html5动画及源码
jQuery字母大小写转换函数有哪些
jQuery html()方法怎么用
浅谈vue中引入jQuery的方法
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery怎么锁定焦点