jquery如何移除focus

2023-06-13,

本篇内容主要讲解“jquery如何移除focus”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何移除focus”吧!

具体步骤如下:

1.首先,新建一个html项目,并在项目中引入jquery;


<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后,在项目中创建一个input输入框,用于测试;

<input type="text" />


3.input输入框创建好后,为input绑定一个focus事件;

$("input").focus(function(){

$("input").css("background-color","red");

});


4.focus事件绑定好后,添加一个button按钮,并绑定onclick点击事件,用于点击移除focus;


<button onClick="set()"><button>

5.最后,按钮添加好后,在点击事件中通过标签名获取input对象,在使用unbind()方法即可移除focus;

function set(){

$('input').unbind('focus');

}


到此,相信大家对“jquery如何移除focus”有了更深的了解,不妨来实际操作一番吧!这里是本站网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

《jquery如何移除focus.doc》

下载本文的Word格式文档,以方便收藏与打印。