100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jq 让input框失去焦点_input输入框获得 失去焦点添加事件

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

时间:2022-04-03 12:12:09

相关推荐

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 复制代码

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。