jquery中如何实现锁定焦点功能

jquery中如何实现锁定焦点功能，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

想要获取焦点需要使用jQuery的focus方法。

定义和用法

当元素获得焦点时，发生 focus 事件。

当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数。

将函数绑定到 focus 事件

语法

$(selector).focus(function)

function:可选。规定当发生 focus 事件时运行的函数。

实例：

锁定焦点

<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中如何实现锁定焦点功能

相关推荐