EventTarget事件 - blur

当一个元素失去焦点时触发blur事件。这个事件和焦点间的主要区别在于只有后者才会出现冒泡。

注意：与blur相反的是focus。

基本信息

属性

事件授权

有两种方法可以为此事件实现事件委派：通过使用focusout事件或通过将addEventListener()的useCapture参数设置为true。

HTML

<form id="form">
  <input type="text" placeholder="text input">
  <input type="password" placeholder="password">
</form>

JavaScript

var form = document.getElementById('form');

form.addEventListener('focus', function( event ) {
  event.target.style.background = 'pink';    
}, true);

form.addEventListener('blur', function( event ) {
  event.target.style.background = '';    
}, true);

规范

浏览器兼容性

我们将兼容性数据转换为机器可读的JSON格式。

• 电脑端
  

• 移动端