WheelEvent#
WheelEvent.deltaY#
Właściwość deltaY zwraca liczbę rzeczywistą reprezentującą przewinięcie wzdłuż osi Y, kiedy domyślną akcją dla danego zdarzenia jest przewinięcie i nie została ona anulowana. W przeciwnym razie wskazuje na ruchu kółka wokół osi Y. Właściwość jest tylko do odczytu.
Składnia#
Samo wywołanie i poszczególne jego części najlepiej objaśnić na zapisie składniowym:
var delta_y = wheelEvent.deltaY;
gdzie poszczególne człony oznaczają:
delta_y- liczba rzeczywista reprezentująca przewinięcie lub obrót kółka względem osi Y.wheelEvent- zdarzenie będące obiektem kontekstu.
Przy tworzeniu zdarzenia wartością domyślną dla właściwości deltaY musi być wartość 0.0.
W czasie wysyłania zaufanych zdarzeń domyślna wartość przechowywana we właściwości deltaY będzie zależna od wielu czynników (urządzenia, systemu operacyjnego, implementacji). Jednostkę zwracanej wartości można ustalić przy użyciu właściwość WheelEvent.deltaMode.
W przypadku syntetycznych zdarzeń możemy samodzielnie ustawić wartość reprezentującą przewinięcie/obrót względem osi Y, np. w czasie tworzenia lub inicjowania zdarzenia.
Prosty przykład:
<!DOCTYPE html>
<html>
<head>
<style>
#box {width: 200px; height: 200px; overflow:auto;}
#box div {height: 2000px; background-color: #a08080;}
</style>
<script>
// Uruchom po całkowitym załadowaniu dokumentu
window.onload = function(){
var info = document.getElementById("info");
var box = document.getElementById("box");
function readInfo(e){
var data = "Interfejs: " + e
+ "<br>" + "e.type: " + e.type
+ "<br>" + "e.deltaX: " + e.deltaX
+ "<br>" + "e.deltaY: " + e.deltaY
+ "<br>" + "e.deltaZ: " + e.deltaZ
+ "<br>" + "e.deltaMode: " + e.deltaMode + "<br><br>";
info.innerHTML = data + info.innerHTML;
}
box.addEventListener("wheel", readInfo, false);
}
</script>
</head>
<body>
<p>Obracaj kółko myszy w obrębie kontenera by odczytać poszczególne cechy zdarzenia.</p>
<div id="box">
<div></div>
</div>
<p style="color: blue;">Szczegółowe informacje dla przechwyconego zdarzenia:</p>
<p id="info"></p>
</body>
</html>Interfejs Web IDL#
readonly attribute double deltaY;