<html>
<head>
<script type="text/javascript">
function show_coords(event){
x=event.clientX;
y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
function show_xy(event){
tfx.value="x_mouse: " + event.screenX;
tfy.value="y_mouse: " + event.screenY;
}
</script>
</head>
<body align="center" valign="middle" onmousedown="show_coords(event)">
<div align="center" valign="middle" style="position: center; background-color: #FF9900; width: 100%; height: 400" onmousemove="show_xy(event)">
Сюда можно воткнуть SVG. CLICK FOR ALERT!
</div>
<hr noshade />
<input align="center" style="width:10%; background-color: #FFA; border: 1 dashed #000" id="tfx" readonly />
<input align="center" style="width:10%; background-color: #FFA; border: 1 dashed #000" id="tfy" readonly />
<hr noshade />
</body>
</html>
SVG - вернуть координаты мыши
Подскажите, как вернуть значение координат курсора в SVG (используя JavaScript). Пробовал стандартные JS функции (screen и т.д.) - не пашут...
Вот так попробуй, здесь два способа добычи координат, через onmousedown /клик в любом месте/ и onmousemove /когда мышь шаволится/:
Код: