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

按 Ctrl+C 复制代码

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

相关推荐