当元素获得焦点和失去焦点时,触发 的事件。

时间:2021-10-24 19:28:27

我遇到一个问题,点击文本框时,文本框的值消失,点击文本框外时,值还原。经过一系列的过程,

解决的内容:如下:

下面内容摘取于Jquery。

当元素获得焦点时,触发 focus 事件。

可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数,注意,某些对象不支持focus方法。

当页面加载后将 id 为 'login' 的元素设置焦点:

$(document).ready(function(){
  $("#login").focus();
});

使人无法使用文本框:

$("input[type=text]").focus(function(){
  this.blur();
});

当元素失去焦点时触发 blur 事件。

这个函数会调用执行绑定到blur事件的所有函数,包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的

触发所有段落的blur事件:

$("p").blur();

任何段落失去焦点时弹出一个 "Hello World!"在每一个匹配元素的blur事件中绑定的处理函数:

$("p").blur( function () { alert("Hello World!"); } );