см. http://jsfiddle.net/Lcy797h2/ для моего давно намотанного решения, которое не работает надежно в IE
$(window).on('blur',function(e) {
if($(this).data('mouseIn') != 'yes')return;
$('iframe').filter(function(){
return $(this).data('mouseIn') == 'yes';
}).trigger('iframeclick');
});
$(window).mouseenter(function(){
$(this).data('mouseIn', 'yes');
}).mouseleave(function(){
$(this).data('mouseIn', 'no');
});
$('iframe').mouseenter(function(){
$(this).data('mouseIn', 'yes');
$(window).data('mouseIn', 'yes');
}).mouseleave(function(){
$(this).data('mouseIn', null);
});
$('iframe').on('iframeclick', function(){
console.log('Clicked inside iframe');
$('#result').text('Clicked inside iframe');
});
$(window).on('click', function(){
console.log('Clicked inside window');
$('#result').text('Clicked inside window');
}).blur(function(){
console.log('window blur');
});
$('').appendTo(document.body).blur(function(){
$(window).trigger('blur');
}).focus();
F6 kbd> будет переключать фокус клавиатуры с помощью различных элементов пользовательского интерфейса (панель URL, отображение страницы, инструменты разработки и т. Д.). Попав на панель инструментов Dev, любой из них должен помочь вам в этом:
Нажмите клавишу Esc kbd> (возможно, несколько раз подряд). Это закроет разделы, а затем переключит вторичную панель инструментов Dev.
Другой вариант - установить флажок Включить сочетание клавиш Ctrl + 1-9 для переключения панелей в настройках Dev Tools (доступ к нему осуществляется с помощью значка с 3 вертикальными точками в правом верхнем углу).
В Chrome вы можете сфокусировать консоль DevTools с помощью сочетания клавиш Control + ` kbd> (control и backtick).
У Google есть документация, в которой перечислены все доступные сочетания клавиш для Chrome DevTools здесь: https://developers.google.com/web/tools/chrome-devtools/shortcuts