Я работаю над проектом, который имеет следующие атрибуты:
- jQuery, управляющий страницей
- Unity 3D-плеер, встроенный в страницу с использованием jQuery и
unityobject.js (за инструкциюиз Unity) - Unity имеет пользовательский курсор мыши, когда курсор пользователя находится внутри области холста Unity
Проблема: Unity захватывает курсор мыши, но не освобождаетэто когда веб-страница, которая содержит его, становится неактивной.Это означает, что если пользователь переключается на другую вкладку (или открывает новое окно), курсор мыши исчезает, когда пользователь наводит курсор на область, где находился бы Unity.Это ошибка единства, описанная здесь на форуме Unity 3d: http://forum.unity3d.com/threads/4565-Unity-Web-player-issue-mouse-hidden-for-all-new-windows
И нет, она все еще не исправлена в последней версии веб-клиента Unity.
Чтобы решить эту проблему, мы решиличтобы Unity прослушивал текущее состояние окна браузера через Javascript и захватывал / отпускал пользовательский курсор мыши на основе статуса, который он получает.Но есть и другие проблемы:
Как Unity получает статус окна:
// GetUnity returns the Unity object in the DOM<br>
NAMESPACE.windowStatus = function( statusStr ) {
GetUnity().SendMessage( "_AppShell", "OnRecieveWindowStatusFromWebPage", statusStr );
}
Я пробовал следующие методы ...
Метод 1: Привязка событий к объекту "окна"
$( window ).live( 'focus', function() {
NAMESPACE.windowStatus( 'active' );
} );
$( window ).live( 'blur', function() {
NAMESPACE.windowStatus( 'inactive' );
} );
Проблема: в IE7 и IE8, новые вкладки браузера не считаются различными«окно», поэтому код не влияет на Unity.Это работает, только если открыто настоящее окно браузера.
Метод 2: Привязка событий к объекту «документ»
Примерно так: $( document ).live(...);
Проблема: $( document ) в jQuery фактически ничего не делает.Обнаружил трудный путь.
Источник: http://forum.jquery.com/topic/should-document-live-map-to-document-bind-window-too
Метод 3: Связывание событий с <body> объектом
Примерно так: $( 'body' ).live(...);
Проблема: Каким-то образом IE не распознает, что объект Unity является частью DOM (несмотря на использование метода .live()).Поэтому каждый раз, когда пользователь нажимает на встроенный проигрыватель Unity, браузер отправляет событие blur в Unity, и курсор мыши блокируется (console.log() печатает inactive при нажатии на Unity).И в некоторых случаях он даже не отпустит курсор мыши, что делает весь браузер невосприимчивым к событиям мыши;единственный способ освободить курсор - щелкнуть за пределами окна браузера и снова щелкнуть в браузере).
Другие вещи, которые я пробовал:
window.addEventListener( 'focus', function() {...} );
document.addEventListener( 'focus', function() {...} );
document.body.addEventListener( 'focus', function() {...} );
document.getElementsByTagName('body')[0].addEventListener( 'focus', function() {...} );
Проблема: метод .addEventListener() не поддерживается в IE для этих элементов вообще! GAH!
Бонус:
Более наблюдательный из вас может сказать: «Эй, почему бы не обнаружить событие щелчка мыши насам объект Unity и игнорировать события blur, .live() или .bind(). "Попробовал это.IE тоже не нравитсяОн полностью игнорирует событие и говорит, что эти события недоступны для объекта.
Итак, мои коллеги гуру Javascript.У меня нет идей, как лучше всего подойти к этой проблеме элегантно.Любые указатели будут оценены.