Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.07.2012, 16:54
Профессор
Отправить личное сообщение для SunYang Посмотреть профиль Найти все сообщения от SunYang
 
Регистрация: 22.02.2008
Сообщений: 189

jquery отличие ClientX от PageX и offsetX ?
Подскажите пожалуйста, в чем отличие координат ClientX, PageX и offsetX ? Протестил, вроде показывает одно и то же.
Ответить с цитированием
  #2 (permalink)  
Старый 15.07.2012, 18:27
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="el" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: #0f0;"></div>
<div id="coords" style="position: fixed; top: 50%; left: 50%; margin: -30px 0 0 -80px"></div>
<script>
    document.getElementById('el').onmousemove = function( e ) {
        var coords = document.getElementById('coords');
        coords.innerHTML = "clientX: " + e.clientX + ", clientY: " + e.clientY + "<br />offsetX: " + e.offsetX + ", offsetY: " + e.offsetY + "<br />pageX: " + e.pageX + ", pageY: " + e.pageY;
    }
</script>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
поскроль страницу
<br/>
поскроль страницу
<br/>
поскроль страницу
<br/>
поскроль страницу
<br/>
поскроль страницу
<br/>
<br/>
<br/>
</body>
</html>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск