Как добавить eventlistener на определенную часть экрана с помощью javascript

Question

Мне было интересно, можно ли назначить прослушиватель событий на определенной части экрана мобильного телефона? Например, только 90% экрана. У меня есть бутылка, которая будет вращаться относительно направления салфетки. У меня есть кнопка в нижней части экрана, которая при щелчке вернется на две страницы. Однако, когда я нажимаю кнопку, «клик» не запускается, вместо этого запускается eventlistener. Это приложение дополненной реальности, и я использую Wikitude и Phonegap для приложения. Благодарю.

Answer 1

События связаны с объектами DOM (тегами). Поэтому, если у вас есть прослушиватель onmousedown на теге img, он будет обрабатывать все и все события mousedown, которые происходят на этом img. Невозможно сказать, чтобы слушать только, скажем, левую половину этого img.

В вашем случае вы, вероятно, захотите разместить div, который покрывает 90% экрана, который вы хотите активировать, и присоединить слушателей событий к этому div вместо документа. Это самое простое решение. Будет ли это работать на вас?