焦点/焦点和焦点/模糊之间的差异,例如

Question

谁能告诉我之间的区别blur和focusout,focus并focusin用一个简单的例子吗？

Answer 1

在focusin和focusout事件泡沫,focus而blur事件没有.这意味着,你可以使用focusin和focusout表单域的父元素.

演示:http://jsfiddle.net/pAp4E/

HTML:

<div class="parent">
    <input type="text" />
</div>

<div class="log"></div>

使用Javascript:

$('.parent')
    .focusin(function(){log('div focusin');})
    .focusout(function(){log('div focusout');})
    .focus(function(){log('div focus');})
    .blur(function(){log('div blur');});
$('input')
    .focusin(function(){log('input focusin');})
    .focusout(function(){log('input focusout');})
    .focus(function(){log('input focus');})
    .blur(function(){log('input blur');});

function log(str){
  $('.log').append($('<div/>').text(str));
}

当您运行它时,您会看到只有输入获取所有事件,父级只获取focusin和focusout事件.

Answer 2

焦点和模糊事件跟踪用户关注的元素.

1. 焦点

   当可聚焦元素获得焦点时触发

2. 模糊

   当可聚焦元素失去焦点时触发

3. 专注和专注

   在聚焦和模糊的同时射击,但是泡沫.

例如检查一下