EventTarget事件：blur

EventTarget事件 - blur

當(dāng)一個元素失去焦點(diǎn)時觸發(fā)blur事件。這個事件和焦點(diǎn)間的主要區(qū)別在于只有后者才會出現(xiàn)冒泡。

注意：與blur相反的是focus。

基本信息

屬性

事件授權(quán)

有兩種方法可以為此事件實(shí)現(xiàn)事件委派：通過使用focusout事件或通過將addEventListener()的useCapture參數(shù)設(shè)置為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);

規(guī)范

瀏覽器兼容性

我們將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

• 電腦端
  

• 移動端