购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery focusin() 方法

jQuery focusin() 方法
当元素(或在其内的任意元素)获得焦点时发生 focusin 事件
编辑:蹊下 蹊下 更新时间:2019-02-19 14:54:28

jQuery focusin() 方法

定义和用法

当元素(或在其内的任意元素)获得焦点时发生 focusin 事件。

当在元素或在其内的任意元素上发生 focus 事件时,focusin() 方法添加要运行的函数。

与 focus() 方法不同的是,focusin() 方法在任意子元素获得焦点时也会触发。

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

提示:该方法通常与 focusout() 方法一起使用。

语法

$(selector).focusin(function)
参数描述
function  必需。规定 focusin 事件发生时要运行的函数。

实例

<script>
$(document).ready(function(){
  $("div").focusin(function(){
    $(this).css("background-color","#FFFFCC");
  });
  $("div").focusout(function(){
    $(this).css("background-color","#FFFFFF");
  });
});
</script>
</head>
<body>

<div style="border: 1px solid black;padding:10px;">
First name: <input type="text"><br>
Last name: <input type="text">
</div>

<p>点击输入框获取焦点,点击输入框外的部分失去焦点。</p>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

GIF.gif

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号