input输入框获得、失去焦点添加事件 |
您所在的位置：网站首页 › 留言框怎么写 › 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 复制代码当然还可以根据获取元素的状态修改其他元素的各项属性，或者是需要发生的事件 |
【本文地址】
今日新闻 |
推荐新闻 |