Прошу подсказать как лучше реализовать инвентарь для игры.
Имеем следующее
http://codepen.io/anon/pen/RoeVpo
Cцена #stage содержит два элемента #display и #inventory
Внутрь #display помещен элемент #door
Внутрь #inventory помещен элемент #key
#stage
#display
#door
#inventory
#key
При клике на предмет в инвентаре #key, курсор меняет изображение на изображение предмета. Если быть точнее курсор прячется и к его координатам привязывается изображение.
Данный подход выбран вместо простой смены изображения курсора через стили, потому что в последнем случае он не сможет перекрыть стили css, в которых установлено изображение курсора по умолчанию.
Далее, при наведении и клике на элементе #door необходимо получить результат данных событий.
Но после того как курсор был скрыт а к его координатам было привязано изображение, никакие из перечисленных событий не срабатывают.
Если я правильно понимаю то нужно высчитывать и проверять координаты наводимого элемента.
Есть ли возможность обойтись без математики или это единственный способ?
Буду признателен за другие варианты решения.