Координаты клика в разных браузерах

Вопрос-ответ JavaScript
1

http://jsfiddle.net/kknLqyuk/1/
Нужно что бы элемент при клике появился под курсором. С такими свойствами как layerX, layerY работает в chrome, IE но opera выдает undefined. Если использовать offsetX,Y то когда клик на элементе “p” а так и надо, то блок появляется вверху блока main. Как можно сэмулировать поведение layer для opera?
Спасибо.
UPD: решил проблему следующим образом
http://jsfiddle.net/kknLqyuk/2/

1 лайк
2

UPD: решил проблему следующим образом
http://jsfiddle.net/kknLqyuk/2

в файр фокс не работает))

3

странно, я проверяю на версии FireFox 35.0.1. Работает. Такое поведение и ожидалось, я забыл дописать что должно появляться под словом(что бы не закрывало его).