У меня есть веб-сайт, в который встроен iframe. Когда я тестировал iframe, я использовал google.com и заметил, что поле ввода поиска сосредоточено. Очевидно, что я не буду использовать google.com для производства, но хотел бы предотвратить iframe от кражи фокуса.
Есть ли способ предотвратить iframe от кражи фокуса?
Если у вас есть доступ к скриптам на стороне сервера, вы можете использовать его для загрузки живой копии страницы, которую вы хотите внедрить, поискать ее и удалить любой код кражи фокуса, а затем отобразить эту измененную страницу в вашем iframe. Или, если вы обнаружите, что нет кода кражи фокуса, вы можете просто связать свой iframe с удаленной страницей, как обычно.
Другим вариантом может быть изначально скрыть iframe с помощью CSS style="display:none" и разрешить пользователю отображать его с помощью javascript Object.style.display="inline"
Не совсем. Вы можете вернуть фокус в свое окно, если фокус удаляется (ПРЕДУПРЕЖДЕНИЕ: я не рекомендую использовать этот код):
<body onblur="window.focus();">
У этого есть некоторые не такие приятные побочные эффекты, как невозможность сосредоточиться на панели местоположений в Firefox или попасть в бесконечные циклы, если кадр также пытается бороться за фокус. Поэтому, если вы хотите сделать это (что большой "если", я не рекомендую его), вы должны хотя бы ограничить его фазой загрузки страницы и позволить после этого изменять фокус.
Теперь для этой цели мы можем использовать атрибут песочницы HTML5:
<iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="http://www.example.com"</iframe>
Параметры:
Property : Allows
allow-top-navigation : top-level redirects
allow-forms : form submission
allow-popups : popups
allow-pointer-lock : pointer lock
allow-same-origin : the document to maintain its origin
allow-scripts : JS
Используйте функцию setTimeout чтобы перефокусироваться на элементе по вашему выбору, например, window.onload = function(){ setTimeout( function() { element.focus() }, 500 ) };
Я нашел решение здесь:
Отключить прокрутку тела/содержимого с помощью jQuery - disableScroll
Отключение прокрутки остановило фрейм фрейма от кражи фокуса.
Я использовал это в моем скрипте jquery:
if( $('iframe').length != 0 ) $(window).disablescroll();
window.addEventListener('touchstart', function onFirstTouch()
{
window.removeEventListener('touchstart', onFirstTouch, false);
AllowScrolling()
}, false);
$(window).on("scroll",function(){ $(window).off("scroll"); AllowScrolling() });
setTimeout('AllowScrolling()',5000); //Fallback
function AllowScrolling(){$(window).disablescroll('undo')}
Поэтому, если пользователь касается экрана или щелкает полосу прокрутки, прокрутка разрешена. Казалось, работает хорошо для меня.