Поле Sys.UI.DomEvent clientX
Получает координату по оси X положения указателя мыши относительно клиентской области окна обозревателя за исключением полос прокрутки окна.
var clientX = domEventVar.clientX;
Возвращаемое значение
Целое число, представляющее координату по оси X в точках.
Заметки
Поле clientX используется для извлечения горизонтального смещения положения указателя мыши относительно клиентской области окна обозревателя. В клиентскую область не входят полосы прокрутки окна.
Пример
В следующем примере демонстрируется использование поля clientX для получения координаты по оси X положения указателя мыши относительно клиентской области окна обозревателя.
<script type="text/javascript">
Sys.UI.DomEvent.addHandler($get("Button1"), "click", processEventInfo);
function processEventInfo(eventElement) {
var result = '';
try {
result += "altKey = " + eventElement.altKey + "<br/>";
result += "button = " + eventElement.button + "<br/>";
result += "keyCode = " + eventElement.keyCode + "<br/>";
result += "clientX = " + eventElement.clientX + "<br/>";
result += "clientY = " + eventElement.clientY + "<br/>";
result += "ctrlKey = " + eventElement.ctrlKey + "<br/>";
result += "offsetX = " + eventElement.offsetX + "<br/>";
result += "offsetY = " + eventElement.offsetY + "<br/>";
result += "screenX = " + eventElement.screenX + "<br/>";
result += "screenY = " + eventElement.screenY + "<br/>";
result += "shiftKey = " + eventElement.shiftKey + "<br/>";
result += "target.id = " + eventElement.target.id + "<br/>";
result += "type = " + eventElement.type + "<br/>";
}
catch(e) {
alert("Error:" + e.message);
}
$get('Label2').innerHTML = result;
}
</script>
<script type="text/javascript">
Sys.UI.DomEvent.addHandler($get("Button1"), "click", processEventInfo);
function processEventInfo(eventElement) {
var result = '';
try {
result += "altKey = " + eventElement.altKey + "<br/>";
result += "button = " + eventElement.button + "<br/>";
result += "keyCode = " + eventElement.keyCode + "<br/>";
result += "clientX = " + eventElement.clientX + "<br/>";
result += "clientY = " + eventElement.clientY + "<br/>";
result += "ctrlKey = " + eventElement.ctrlKey + "<br/>";
result += "offsetX = " + eventElement.offsetX + "<br/>";
result += "offsetY = " + eventElement.offsetY + "<br/>";
result += "screenX = " + eventElement.screenX + "<br/>";
result += "screenY = " + eventElement.screenY + "<br/>";
result += "shiftKey = " + eventElement.shiftKey + "<br/>";
result += "target.id = " + eventElement.target.id + "<br/>";
result += "type = " + eventElement.type + "<br/>";
}
catch(e) {
alert("Error:" + e.message);
}
$get('Label2').innerHTML = result;
}
</script>