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/button/index.html | 152 ++++++++++++ files/ru/web/api/mouseevent/buttons/index.html | 125 ++++++++++ files/ru/web/api/mouseevent/clientx/index.html | 132 +++++++++++ files/ru/web/api/mouseevent/clienty/index.html | 124 ++++++++++ files/ru/web/api/mouseevent/ctrlkey/index.html | 71 ++++++ files/ru/web/api/mouseevent/index.html | 303 ++++++++++++++++++++++++ files/ru/web/api/mouseevent/offsetx/index.html | 122 ++++++++++ files/ru/web/api/mouseevent/pagex/index.html | 124 ++++++++++ files/ru/web/api/mouseevent/screenx/index.html | 93 ++++++++ files/ru/web/api/mouseevent/shiftkey/index.html | 126 ++++++++++ files/ru/web/api/mouseevent/which/index.html | 47 ++++ 11 files changed, 1419 insertions(+) create mode 100644 files/ru/web/api/mouseevent/button/index.html create mode 100644 files/ru/web/api/mouseevent/buttons/index.html create mode 100644 files/ru/web/api/mouseevent/clientx/index.html create mode 100644 files/ru/web/api/mouseevent/clienty/index.html create mode 100644 files/ru/web/api/mouseevent/ctrlkey/index.html create mode 100644 files/ru/web/api/mouseevent/index.html create mode 100644 files/ru/web/api/mouseevent/offsetx/index.html create mode 100644 files/ru/web/api/mouseevent/pagex/index.html create mode 100644 files/ru/web/api/mouseevent/screenx/index.html create mode 100644 files/ru/web/api/mouseevent/shiftkey/index.html create mode 100644 files/ru/web/api/mouseevent/which/index.html (limited to 'files/ru/web/api/mouseevent') diff --git a/files/ru/web/api/mouseevent/button/index.html b/files/ru/web/api/mouseevent/button/index.html new file mode 100644 index 0000000000..a5bd49e4b9 --- /dev/null +++ b/files/ru/web/api/mouseevent/button/index.html @@ -0,0 +1,152 @@ +--- +title: MouseEvent.button +slug: Web/API/MouseEvent/button +translation_of: Web/API/MouseEvent/button +--- +

{{APIRef("DOM Events")}}

+ +

MouseEvent.button свойство доступное только для чтения, возвращает значение, соответствующее нажатой кнопки мыши, которое инициировало событие.

+ +

Это свойство предоставляет информацию только о том, какая кнопка или несколько кнопок были нажаты или отпущены для инициации события, и не имеет отношения к таким событиям как  {{event("mouseenter")}}, {{event("mouseleave")}}, {{event("mouseover")}}, {{event("mouseout")}} или {{event("mousemove")}}.

+ +

Пользователь может изменять конфигурацию кнопок своей мыши таким образом, что значение ноль будет получено при нажатии кнопки, не являющейся физически крайней левой кнопкой мыши, тем не менее, событие будет вести себя так, как будто левая кнопка была нажата в стандартной раскладкой кнопок.

+ +
+

Примечание: Не путайте это свойство со свойством {{domxref ( "MouseEvent.buttons")}}, которое содержит значения, соответствующие нажатым кнопкам мыши для всех типов событий мыши.

+
+ +

Синтаксис

+ +
var buttonPressed = instanceOfMouseEvent.button
+
+ +

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

+ +

Число, соответстующее нажатой кнопке:

+ + + +

Для мыши, перенастроенной под левую руку, значения нажатых кнопок меняются местами. В этом случае значения читаются справа налево.

+ +

Пример

+ +
<script>
+var whichButton = function (e) {
+    // Handle different event models
+    var e = e || window.event;
+    var btnCode;
+
+    if ('object' === typeof e) {
+        btnCode = e.button;
+
+        switch (btnCode) {
+            case 0:
+                console.log('Нажата левая кнопка.');
+            break;
+
+            case 1:
+                console.log('Нажата средняя кнопка или колёсико.');
+            break;
+
+            case 2:
+                console.log('Нажата правая кнопка.');
+            break;
+
+            default:
+                console.log('Неопределённое событие: ' + btnCode);
+        }
+    }
+}
+</script>
+
+<button onmouseup="whichButton(event);" oncontextmenu="event.preventDefault();">Нажмите кнопку мыши...</button>
+ +

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

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-MouseEvent-button','MouseEvent.button')}}{{Spec2('DOM3 Events')}}Compared to {{SpecName('DOM2 Events')}}, the return value can be negative.
{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.button')}}{{Spec2('DOM2 Events')}}Initial definition.
+ +

Поддерживается браузерами

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureEdgeFirefox (Gecko)ChromeInternet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatGeckoDesktop(1)}}1.09.0 [1]{{CompatVersionUnknown}}3.0.4
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureEdgeFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Это соглашение не поддерживается браузерами Internet Explorer до версии 9: см. QuirksMode for details.

+ +

Смотри также

+ + diff --git a/files/ru/web/api/mouseevent/buttons/index.html b/files/ru/web/api/mouseevent/buttons/index.html new file mode 100644 index 0000000000..76a76cfbb4 --- /dev/null +++ b/files/ru/web/api/mouseevent/buttons/index.html @@ -0,0 +1,125 @@ +--- +title: MouseEvent.buttons +slug: Web/API/MouseEvent/buttons +translation_of: Web/API/MouseEvent/buttons +--- +
{{APIRef("DOM Events")}}
+ +
СвойствоMouseEvent.buttonsдоступно только для чтения. Оно показывает, какие клавиши мыши (или другого устройства ввода) были нажаты при срабатывании события.
+ +
 
+ +
Для каждой нажатой кнопки есть своё уникальное битовое значение (см. ниже раздел "Возвращаемые значения"). Если нажаты несколько кнопок одновременно, значения суммируются, создавая новое значение. Например, если нажата вторая кнопка (2 или 000010 в двоичном коде) вместе со средней (4 или 000100 в двоичном коде), значение будет равно 6 (2 + 4) или 000110 в двоичном коде.
+ +
 
+ +
+

Note: Не путайте это свойство со свойством {{domxref("MouseEvent.button")}}. Текущее свойство {{domxref("MouseEvent.buttons")}} показывает состояние нажатых кнопок при любом событии мыши, а свойство {{domxref("MouseEvent.button")}} указывает на события, произошедшие в результате нажатия/отпускания кнопок мыши.

+
+ +

Синтаксис

+ +
var buttonPressed = instanceOfMouseEvent.buttons
+
+ +

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

+ +

Целое число, представляющее одну или несколько кнопок. При одновременном нажатии нескольких кнопок значения объединяются (например, 3 = первая (1) + вторая (2) кнопки мыши):

+ + + +

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

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-MouseEvent-buttons','MouseEvent.buttons')}}{{Spec2('DOM3 Events')}}Initial definition
+ +

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

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatChrome(43)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}[1]9{{CompatVersionUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroid WebviewChrome for AndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Gecko supports the buttons attribute on Windows, Linux (GTK), and Mac OS with the following restrictions:

+ + + +

Смотри также

+ + 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() }}
+
+ +

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

+ + diff --git a/files/ru/web/api/mouseevent/clienty/index.html b/files/ru/web/api/mouseevent/clienty/index.html new file mode 100644 index 0000000000..02d03fb891 --- /dev/null +++ b/files/ru/web/api/mouseevent/clienty/index.html @@ -0,0 +1,124 @@ +--- +title: MouseEvent.clientY +slug: Web/API/MouseEvent/clientY +translation_of: Web/API/MouseEvent/clientY +--- +

{{APIRef("DOM Events")}}

+ +

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

+ +

Синтаксис

+ +
var y = instanceOfMouseEvent.clientY
+
+ +

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

+ +

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

+ +

Example

+ +
<!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-clientY','MouseEvent.clientY')}}{{Spec2('DOM3 Events')}}Нет отличий от {{SpecName('DOM2 Events')}}.
{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.clientY')}}{{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() }}
+
+ +

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

+ + diff --git a/files/ru/web/api/mouseevent/ctrlkey/index.html b/files/ru/web/api/mouseevent/ctrlkey/index.html new file mode 100644 index 0000000000..6b8815d8da --- /dev/null +++ b/files/ru/web/api/mouseevent/ctrlkey/index.html @@ -0,0 +1,71 @@ +--- +title: MouseEvent.ctrlKey +slug: Web/API/MouseEvent/ctrlKey +translation_of: Web/API/MouseEvent/ctrlKey +--- +

{{APIRef("DOM Events")}}

+ +

Свойство только для чтения MouseEvent.ctrlKey возращает true, когда клавиша Ctrl была нажата, а если нет - false.

+ +

Синтаксис

+ +
var ctrlKeyPressed = instanceOfMouseEvent.ctrlKey
+
+ +

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

+ +

Boolean

+ +

Пример

+ +
<html>
+<head>
+<title>Пример с ctrlKey</title>
+
+<script type="text/javascript">
+document.addEventListener('click', function(e) {
+  console.log('Нажата клавиша Ctrl?', e.ctrlKey);
+})
+</script>
+</head>
+
+<body>
+<p>
+Кликните в любое место на странице и откройте консоль разработчика, чтобы узнать - нажата ли клавиша Ctrl?
+</p>
+</body>
+</html>
+ +

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

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

Поддержка браузеров

+ + + +

{{Compat("api.MouseEvent.ctrlKey")}}

+ +

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

+ + diff --git a/files/ru/web/api/mouseevent/index.html b/files/ru/web/api/mouseevent/index.html new file mode 100644 index 0000000000..610f8aacef --- /dev/null +++ b/files/ru/web/api/mouseevent/index.html @@ -0,0 +1,303 @@ +--- +title: MouseEvent +slug: Web/API/MouseEvent +tags: + - API + - DOM + - DOM Events + - Interface + - NeedsTranslation + - Reference +translation_of: Web/API/MouseEvent +--- +

{{APIRef("DOM Events")}}

+ +

Интерфейс MouseEvent представляет собой событие, которое происходит в результате взаимодествия пользователя с  манипулятором ( например, мышью). Наиболее частые из таких событий: {{event("click")}}, {{event("dblclick")}}, {{event("mouseup")}}, {{event("mousedown")}}.

+ +

MouseEvent выводится из метода {{domxref("UIEvent")}}, который в свою очередь происходит из метода {{domxref("Event")}}. Метод {{domxref("MouseEvent.initMouseEvent()")}} допустимо использовать для лучшей совместимости с предыдущими версиями, однако, для создания  MouseEvent рекомендуется использовать конструктор метода  {{domxref("MouseEvent.MouseEvent", "MouseEvent()")}}.

+ +

Несколько более конкретные события, производные от события mouseevent: {{domxref("WheelEvent")}} and {{domxref("DragEvent")}}.

+ +

Конструктор

+ +
+
{{domxref("MouseEvent.MouseEvent", "MouseEvent()")}}
+
Создает объект MouseEvent.
+
+ +

Свойства

+ +

Данный интерфес наследует свойства от родителей {{domxref("UIEvent")}} и {{domxref("Event")}}.

+ +
+
{{domxref("MouseEvent.altKey")}} {{readonlyinline}}
+
Возвращает значение true, если клавиша  alt была нажата во время движения мыши.
+
{{domxref("MouseEvent.button")}} {{readonlyinline}}
+
Представляет код клавиши, нажатой в то время, когда произошло событие мыши.
+
{{domxref("MouseEvent.buttons")}} {{readonlyinline}} {{gecko_minversion_inline("15.0")}}
+
+

Отображает, какие клавиши были нажаты во время движения мыши.

+
+
{{domxref("MouseEvent.clientX")}} {{readonlyinline}}
+
Отображение X координат курсора мыши в локальной системе координат (DOM контент).
+
{{domxref("MouseEvent.clientY")}} {{readonlyinline}}
+
Отображение Y координат курсора мыши в локальной системе координат (DOM контент).
+
{{domxref("MouseEvent.ctrlKey")}} {{readonlyinline}}
+
Возвращает значение true, если клавиша control была нажата во время движения мыши.
+
{{domxref("MouseEvent.metaKey")}} {{readonlyinline}}
+
Возвращает значение true, если клавиша meta была нажата во время движения мыши.
+
{{domxref("MouseEvent.movementX")}} {{readonlyinline}}
+
Отображает X координат указателя мыши относительно позиции последнего {{event("mousemove")}} события.
+
{{domxref("MouseEvent.movementY")}} {{readonlyinline}}
+
Отображает Y координат указателя мыши относительно позиции последнего {{event("mousemove")}} события.
+
{{domxref("MouseEvent.offsetX")}} {{readonlyinline}}{{experimental_inline}}
+
Отображает X координат указателя мыши относительно позиции границы отступа целевого узла.
+
{{domxref("MouseEvent.offsetY")}} {{readonlyinline}}{{experimental_inline}}
+
Отображает Y координат указателя мыши относительно позиции границы отступа целевого узла.
+
{{domxref("MouseEvent.pageX")}} {{readonlyinline}}{{experimental_inline}}
+
Отображает X координат указателя мыши относительно всего документа.
+
{{domxref("MouseEvent.pageY")}} {{readonlyinline}}{{experimental_inline}}
+
Отображает Y координат указателя мыши относительно всего документа.
+
{{domxref("MouseEvent.region")}} {{readonlyinline}}
+
Возвращает id затронутого событием региона. Если ни какой регион затронут не был, возвращает null.
+
{{domxref("MouseEvent.relatedTarget")}} {{readonlyinline}}
+
Второстепенная цель события, если таковая есть.
+
{{domxref("MouseEvent.screenX")}} {{readonlyinline}}
+
Отображает X координат указателя мыши в пространстве экрана.
+
{{domxref("MouseEvent.screenY")}} {{readonlyinline}}
+
Отображает Y координат указателя мыши в пространстве экрана.
+
{{domxref("MouseEvent.shiftKey")}} {{readonlyinline}}
+
Возвращает true если клавиша shift была нажата, когда произошло событие мыши.
+
{{domxref("MouseEvent.which")}} {{non-standard_inline}} {{readonlyinline}}
+
Возвращает код последней нажатой клавиши, когда произошло событие мыши.
+
{{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{readonlyinline}}
+
Отображает давление которое было осуществленно при нажатии. Значение будет между 0.0 (минимальное давление) и 1.0 (максимальное давление).
+
{{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{readonlyinline}}
+
+

The type of device that generated the event (one of the MOZ_SOURCE_* constants listed below). This lets you, for example, determine whether a mouse event was generated by an actual mouse or by a touch event (which might affect the degree of accuracy with which you interpret the coordinates associated with the event).

+
+
{{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{readonlyinline}}
+
Отображает количество приложенного давления при клике.
+
{{domxref("MouseEvent.x")}} {{experimental_inline}}{{readonlyinline}}
+
Alias для {{domxref("MouseEvent.clientX")}}.
+
{{domxref("MouseEvent.y")}} {{experimental_inline}}{{readonlyinline}}
+
Alias для {{domxref("MouseEvent.clientY")}}
+
+ +

Константы

+ +
+
{{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}} {{non-standard_inline}}{{readonlyinline}}
+
Минимальная необходимая сила для обычного клика
+
{{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}} {{non-standard_inline}}{{readonlyinline}}
+
Минимальная необходимая сила для усиленного клика
+
+ +

Методы

+ +

Данный интерфес наследует свойства от родителей, {{domxref("UIEvent")}} and {{domxref("Event")}}.

+ +
+
{{domxref("MouseEvent.getModifierState()")}}
+
Returns the current state of the specified modifier key. See the {{domxref("KeyboardEvent.getModifierState")}}() for details.
+
{{domxref("MouseEvent.initMouseEvent()")}} {{deprecated_inline}}
+
Initializes the value of a MouseEvent created. If the event has already being dispatched, this method does nothing.
+
+ +

Примеры

+ +

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

+ +
function simulateClick() {
+  var evt = new MouseEvent("click", {
+    bubbles: true,
+    cancelable: true,
+    view: window
+  });
+  var cb = document.getElementById("checkbox"); //element to click on
+  var canceled = !cb.dispatchEvent(evt);
+  if(canceled) {
+    // A handler called preventDefault
+    alert("canceled");
+  } else {
+    // None of the handlers called preventDefault
+    alert("not canceled");
+  }
+}
+document.getElementById("button").addEventListener('click', simulateClick);
+ +
<p><label><input type="checkbox" id="checkbox"> Checked</label>
+<p><button id="button">Click me</button>
+
+ +

Нажмите на кнопку, чтобы посмотреть, как работает пример.

+ +

{{ EmbedLiveSample('Example', '', '', '') }}

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName("HTML WHATWG", "#dom-mouseevent-region", "MouseEvent.region")}}{{Spec2('HTML WHATWG')}}From {{SpecName('DOM3 Events')}}, added the region property.
{{SpecName('Pointer Lock','#extensions-to-the-mouseevent-interface','MouseEvent')}}{{Spec2('Pointer Lock')}}From {{SpecName('DOM3 Events')}}, added movementX and movementY properties.
{{SpecName('CSSOM View', '#extensions-to-the-mouseevent-interface', 'MouseEvent')}}{{Spec2('CSSOM View')}}From {{SpecName('DOM3 Events')}}, added offsetX and offsetY, pageX and pageY, x, and y properties.
{{SpecName('DOM3 Events','#events-mouseevents','MouseEvent')}}{{Spec2('DOM3 Events')}}From {{SpecName('DOM2 Events')}}, added the MouseEvent() constructor, the getModifierState() method and the buttons property.
{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent')}}{{Spec2('DOM2 Events')}}Initial definition.
+ +

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

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ВозможностьFirefox (Gecko)EdgeChromeInternet ExplorerOperaSafari
Базовая поддержка{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}
{{domxref("MouseEvent.movementX","movementX")}}
+ {{domxref("MouseEvent.movementY","movementY")}}		{{CompatVersionUnknown()}} {{property_prefix("moz")}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{ CompatUnknown() }}{{CompatVersionUnknown()}}{{ CompatUnknown() }}
{{ domxref("MouseEvent.buttons", "buttons") }}{{ CompatVersionUnknown() }}{{CompatVersionUnknown()}}43{{ CompatUnknown() }}{{ CompatUnknown() }}{{CompatNo}}
{{ domxref("MouseEvent.which", "which") }}1.0{{CompatVersionUnknown()}}1.09.05.01.0
{{domxref("MouseEvent.getModifierState()", "getModifierState()")}}{{CompatGeckoDesktop(15)}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}
{{domxref("MouseEvent.mozPressure", "mozPressure")}} and {{domxref("MouseEvent.mozInputSource", "mozInputSource")}} {{non-standard_inline}}{{CompatGeckoDesktop(2)}}{{ CompatUnknown() }}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
{{domxref("MouseEvent.MouseEvent", "MouseEvent()")}}{{CompatGeckoDesktop(11)}}{{ CompatUnknown() }}{{CompatVersionUnknown()}}9.0{{CompatVersionUnknown()}}{{ CompatUnknown() }}
{{domxref("MouseEvent.region")}}{{CompatGeckoDesktop(32)}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
{{domxref("MouseEvent.offsetX")}}, and {{domxref("MouseEvent.offsetY")}}{{experimental_inline}}{{CompatGeckoDesktop(40)}}9{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
ВозможностьFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari Mobile
Базовая поддержка{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

Посмотрите также

+ + diff --git a/files/ru/web/api/mouseevent/offsetx/index.html b/files/ru/web/api/mouseevent/offsetx/index.html new file mode 100644 index 0000000000..92b2f0105e --- /dev/null +++ b/files/ru/web/api/mouseevent/offsetx/index.html @@ -0,0 +1,122 @@ +--- +title: MouseEvent.offsetX +slug: Web/API/MouseEvent/offsetX +tags: + - API + - MouseEvent + - Property + - Read-only +translation_of: Web/API/MouseEvent/offsetX +--- +

{{APIRef("DOM Events")}}{{SeeCompatTable}}

+ +

Свойство MouseEvent.offsetX, доступное только для чтения, показывает отступ курсора мыши по оси X от края целевого DOM узла.

+ +

 

+ +

Синтаксис

+ +
var xOffset = instanceOfMouseEvent.offsetX;
+
+ +

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

+ +

Значение с плавающей запятой - double. Ранние версии спецификации определяли возвращаемое значение как целое число. Подробнее смотрите в разделе про совместимость с браузерами.

+ +

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

+ + + + + + + + + + + + + + +
ХарактеристкаСтатусКомментарий
{{SpecName('CSSOM View', '#dom-mouseevent-offsetx', 'MouseEvent')}}{{Spec2('CSSOM View')}}Начальное определение
+ +

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

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ВозможностьChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Базовая поддержка{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoDesktop("39.0")}}6{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
Переопределено с long на double{{CompatChrome(56)}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ВозможностьAndroid WebviewChrome for AndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Базовая поддержка{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile("43.0")}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
Переопределено с long на double{{CompatChrome(56)}}{{CompatChrome(56)}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

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

+ + diff --git a/files/ru/web/api/mouseevent/pagex/index.html b/files/ru/web/api/mouseevent/pagex/index.html new file mode 100644 index 0000000000..ca9b24d6b9 --- /dev/null +++ b/files/ru/web/api/mouseevent/pagex/index.html @@ -0,0 +1,124 @@ +--- +title: MouseEvent.pageX +slug: Web/API/MouseEvent/pageX +translation_of: Web/API/MouseEvent/pageX +--- +

{{APIRef("DOM Events")}}

+ +

MouseEvent.pageX - это свойство {{domxref("MouseEvent")}} доступное только для чтения. Данное свойство возвращает значение равное горизонтальной координате, относительно всего документа. Это свойство учитывает любую горизонтальную прокрутку страницы. Первоначально это свойство было определено как длинное целое число. Модуль просмотра CSSOM переопределил его как double float. Подробнее см. Раздел «Совместимость с браузером».

+ +

Синтаксис

+ +
var pos = event.pageX
+ +

Примеры

+ +
var pageX = event.pageX;
+pageX === event.clientX + (window.pageYOffset || document.body.scrollTop);
+
+ +

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

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSSOM View', '#dom-mouseevent-pagex', 'pageX')}}{{Spec2('CSSOM View')}}Redefined from long to double.
{{SpecName('Touch Events', '#widl-Touch-pageX', 'pageX')}}{{Spec2('TouchEvents')}}Initial definition.
+ +

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

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatChrome(45.0)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}9{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Redefined from long to double{{CompatChrome(56)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroid WebviewChrome for AndroidEdgeFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari Mobile
Basic support{{CompatChrome(45.0)}}{{CompatChrome(45.0)}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
Redefined from long to double{{CompatChrome(56)}}{{CompatChrome(56)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

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

+ + diff --git a/files/ru/web/api/mouseevent/screenx/index.html b/files/ru/web/api/mouseevent/screenx/index.html new file mode 100644 index 0000000000..3dfb626393 --- /dev/null +++ b/files/ru/web/api/mouseevent/screenx/index.html @@ -0,0 +1,93 @@ +--- +title: MouseEvent.screenX +slug: Web/API/MouseEvent/screenX +translation_of: Web/API/MouseEvent/screenX +--- +
{{APIRef("DOM Events")}}
+ +

screenX - read-only свойство интерфейса события {{domxref("MouseEvent")}}, соответствующее горизонтальной координате (смещению) указателя мыши в глобальных (экранных) координатах.

+ +

Синтаксис

+ +
var x = instanceOfMouseEvent.screenX
+
+ +

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

+ +

Значение с плавающей точкой типа double. В ранних версиях этой спецификации определялось как целое число, соответсвующее количеству пикселей. Подробнее см. раздел "Совместимость с браузерами". 

+ +

Пример

+ +

Этом примерер демонстрирует координаты вашей мыши в случае получения события {{Event("mousemove")}}.

+ +

HTML

+ +
<p>Подвигайте мышью, чтобы увидеть положение ее курсора.</p>
+<p id="screen-log"></p>
+ +

JavaScript

+ +
let screenLog = document.querySelector('#screen-log');
+document.addEventListener('mousemove', logKey);
+
+function logKey(e) {
+  screenLog.innerText = `
+    Screen X/Y: ${e.screenX}, ${e.screenY}
+    Client X/Y: ${e.clientX}, ${e.clientY}`;
+}
+ +

Результат выполнения

+ +

{{EmbedLiveSample("Example")}}

+ +

Обработка события

+ +

Когда вы отлавливаете события на окне, документе или других элементах, имеющих размер, вы можете получить координаты этого события (например, клика), и обработать его соответсвующим образом, например, так, как в этом примере:

+ +
function checkClickMap(e) {
+  if (e.screenX < 50) doRedButton();
+  if (50 <= e.screenX && e.screenX < 100) doYellowButton();
+  if (e.screenX >= 100) doRedButton();
+}
+
+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСостояниеКомментарий
{{SpecName('CSSOM View','#dom-mouseevent-screenx', 'screenX')}}{{Spec2('CSSOM View')}}Переопределяет {{domxref("MouseEvent")}} из long в double.
{{SpecName('DOM3 Events','#widl-MouseEvent-screenX','MouseEvent.screenX')}}{{Spec2('DOM3 Events')}}Нет изменений ср. с {{SpecName('DOM2 Events')}}.
{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.sceenX')}}{{Spec2('DOM2 Events')}}Первоначальное определение
+ +

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

+ + + +

{{Compat("api.MouseEvent.screenX")}}

+ +

См. также

+ + diff --git a/files/ru/web/api/mouseevent/shiftkey/index.html b/files/ru/web/api/mouseevent/shiftkey/index.html new file mode 100644 index 0000000000..81aebded0e --- /dev/null +++ b/files/ru/web/api/mouseevent/shiftkey/index.html @@ -0,0 +1,126 @@ +--- +title: MouseEvent.shiftKey +slug: Web/API/MouseEvent/shiftKey +translation_of: Web/API/MouseEvent/shiftKey +--- +

{{APIRef("DOM Events")}}

+ +

MouseEvent.shiftKeyатрибут только для чтения , кторый указывает была ли нажата клваиша shift  . Возвращает (true) если нажата shift, (false) если нет.

+ +

Синтаксис

+ +
var shiftKeyPressed = instanceOfMouseEvent.shiftKey
+
+ +

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

+ +

Логический

+ +

Пример

+ +
<html>
+<head>
+<title>shiftKey example</title>
+
+<script type="text/javascript">
+
+function showChar(e){
+  alert(
+    "Key Pressed: " + String.fromCharCode(e.charCode) + "\n"
+    + "charCode: " + e.charCode + "\n"
+    + "SHIFT key pressed: " + e.shiftKey + "\n"
+    + "ALT key pressed: " + e.altKey + "\n"
+  );
+}
+
+</script>
+</head>
+
+<body onkeypress="showChar(event);">
+<p>Нажмите на любую символьную клавишу удерживая или не удерживая клавишу SHIFT.<br />
+Вы также можете использовать клавишу SHIFT вместе с клавишей ALT.</p>
+</body>
+</html>
+
+ +

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

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-MouseEvent-shiftKey','MouseEvent.shiftKey')}}{{Spec2('DOM3 Events')}}No change from {{SpecName('DOM2 Events')}}.
{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.shiftKey')}}{{Spec2('DOM2 Events')}}Initial definition.
+ +

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

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureEdgeFirefox (Gecko)ChromeInternet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}{{CompatVersionUnknown()}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureEdgeFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

Смотри также

+ + diff --git a/files/ru/web/api/mouseevent/which/index.html b/files/ru/web/api/mouseevent/which/index.html new file mode 100644 index 0000000000..83e4984abe --- /dev/null +++ b/files/ru/web/api/mouseevent/which/index.html @@ -0,0 +1,47 @@ +--- +title: MouseEvent.which +slug: Web/API/MouseEvent/which +tags: + - API + - "События\_DOM" +translation_of: Web/API/MouseEvent/which +--- +

{{APIRef("DOM Events")}}

+ +

{{Non-standard_header}}

+ +

MouseEvent.which это свойство только для чтения которое показывает какая именно кнопка мыши вызвала событие MouseEvent. Стандартная альтернатива этому свойству – {{ domxref("MouseEvent.button") }} и {{ domxref("MouseEvent.buttons") }}.

+ +

Синтаксис

+ +
var buttonPressed = instanceOfMouseEvent.which
+
+ +

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

+ +

Значения соответствующие кнопкам:

+ + + +

Для мыши настроенной для левшей порядок значений будет изменён. В этом случае значению 1 будет соответствовать правай кнопка, а 3 – левая.

+ +

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

+ +

Это свойство не является частью спецификации.

+ +

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

+ + + +

{{Compat("api.MouseEvent.which")}}

+ +

См. также

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