Sys.UI.DomEvent clientY Field
Gets the y-coordinate of the mouse pointer's position relative to the client area of the browser window, excluding window scroll bars.
var clientY = domEventVar.clientY;
Return Value
An integer that represents the y-coordinate in pixels.
Remarks
Use the clientY field to get the vertical offset of the mouse pointer's position relative to the client area of the window. The client area excludes scroll bars.
Example
The following example shows how to use the clientY field to retrieve the y-coordinate of the mouse pointer's position relative to the client area of the browser window.
<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>