您的位置 首页 焦点资讯

jq 让input框失去焦点_input输入框获得、失去焦点添加事件

onFocus:当输入框获得焦点后

这两个JavaScript事件是写在html标签中的例如:

使用jQuery的实现方法为:

对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。

focus():得到焦点时使用,blur():失去焦点时使用。

代码如下:

$("input").focus(); 或$("input").focus(function(){这里是获取焦点时的事件})

$("input").blur(); 或$("input").blur(function(){这里是失去焦点时的事件})

同样可以使用jQuery中提供的:focus伪类来判定元素是否获取焦点;

// Get the focused element:

var $focused = $(':focus');

// No jQuery:

var focused = document.activeElement;

// Does the element have focus:

var hasFocus = $('input').is(':focus');

// No jQuery:

elem === elem.ownerDocument.activeElement;

下面写一个实例:

按 Ctrl+C 复制代码

New Document

.bor{

border:3px solid red;

}

$(document).ready(function(){

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

$(this).addClass("bor");

});

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

$(this).removeClass("bor");

});

});

按 Ctrl+C 复制代码

当然还可以根据获取元素的状态修改其他元素的各项属性,或者是需要发生的事件

原文链接:https://blog.csdn.net/weixin_33586594/article/details/111949148?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166580747916782428633289%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166580747916782428633289&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-11-111949148-null-null.nonecase&utm_term=%E7%84%A6%E7%82%B9

热门文章