Element.requestPointerLock()

Element.requestPointerLock() - заблокуває курсор миші на елементі.

Синтаксис:

Element.requestPointerLock();

Параметри:

Element - об'єкт Element для якого необхідно заблокувати ("захватити") курсор.

Опис:

requestPointerLock() метод об'єкта Element який асинхронно запросити курсор повинен бути заблокований (захвачений) на даному елементі. Тобто включає pointerLock.

Зверніть увагу! Деякі браузери за політикою безпеки включають режим pointerLock лише на дію користувача. Наприклад подія onclick і т.п.

Властивість document.pointerLockElement містить елемент який захопив курсор миші.

Розблуковує курсор миші метод document.exitPointerLock().

Приклад:

#test Клікніть щоб заблокувати курсор.

document.getElementById('test').onclick=function(){
	this.requestPointerLock();
};

document.onpointerlockchange=function(){
	console.log('курсор захвачено елементом', document.pointerLockElement);
}

#test2 наведіть курсор

document.getElementById('test2').addEventListener('mouseover', function(){
	console.log('включаємо захвачення миші');
	this.requestPointerLock();
});