From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/mouseevent/clientx/index.html | 132 +++++++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 files/ru/web/api/mouseevent/clientx/index.html (limited to 'files/ru/web/api/mouseevent/clientx') diff --git a/files/ru/web/api/mouseevent/clientx/index.html b/files/ru/web/api/mouseevent/clientx/index.html new file mode 100644 index 0000000000..2122a975a2 --- /dev/null +++ b/files/ru/web/api/mouseevent/clientx/index.html @@ -0,0 +1,132 @@ +--- +title: MouseEvent.clientX +slug: Web/API/MouseEvent/clientX +tags: + - API + - CSSOM View + - DOM + - DOM Events + - MouseEvent + - Property + - Read-only +translation_of: Web/API/MouseEvent/clientX +--- +

{{APIRef("DOM Events")}}

+ +

MouseEvent.clientX свойство доступное только для чтения. Это свойство является горизонтальной координатой в пределах клиентской области приложения, на которой произошло событие (в отличие от координат внутри страницы). Для примера, нажатие в верхнем левом углу клиентской области будет всегда приводить к событию со значением свойства clientX равным 0, независимо от того, прокручена страницы по горизонтали или нет.

+ +

Синтаксис

+ +
var x = instanceOfMouseEvent.clientX
+
+ +

Возвращаемое значение

+ +

Числовое значение горизонтальной координаты

+ +

Пример

+ +
<!DOCTYPE html>
+<html>
+<head>
+<title>Пример для clientX\clientY</title>
+
+<script>
+function showCoords(evt){
+  alert(
+    "clientX value: " + evt.clientX + "\n" +
+    "clientY value: " + evt.clientY + "\n"
+  );
+}
+</script>
+</head>
+
+<body onmousedown="showCoords(event)">
+<p>Для показа координат мышки нажмите в любом месте страницы.</p>
+</body>
+</html>
+
+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('DOM3 Events','#widl-MouseEvent-clientX','MouseEvent.clientX')}}{{Spec2('DOM3 Events')}}Нет отличий от {{SpecName('DOM2 Events')}}.
{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.clientX')}}{{Spec2('DOM2 Events')}}Изначальное определение.
+ +

Совместимость с браузерами

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
ВозможностьEdgeFirefox (Gecko)ChromeInternet ExplorerOperaSafari
Базовая поддержка{{CompatVersionUnknown}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}6{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
ВозможностьEdgeFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari Mobile
Базовая поддержка{{CompatVersionUnknown}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf