crbug.com/276757
HTML
<p>Instruction:</p>
<ol>
<li>Confirm the text field has focus.
<li>Click on the address bar.
<li>Wait for a second.
</ol>
<p>Expected: "Blur {INPUT}" is shown just once (not twice)</p>
<hr>
<input>
<textarea></textarea>
<p id="status">ready</p>
<h3>Log</h3>
<ul id=console></ul>
JavaScript
function log(str) {
var item = document.createElement('li');
item.textContent = str;
document.getElementById('console').appendChild(item);
}
function handleFocus() {
log('Focus {' + event.target.tagName + '}');
}
function handleBlur() {
log('Blur {' + event.target.tagName + '}');
//setTimeout(blurAgain, 500);
}
function blurAgain() {
log('blurAgain {' + document.activeElement.tagName+'}');
document.activeElement.blur();
}
var i = document.querySelector('input');
i.addEventListener('focus', handleFocus, false);
i.addEventListener('blur', handleBlur, false);
i.focus();
var t = document.querySelector('textarea');
t.addEventListener('focus', handleFocus, false);
t.addEventListener('blur', handleBlur, false);
$(document).ready(function() {
setInterval(function() {
$('#status').text(document.activeElement.tagName);
}, 500);
});