diff --git a/samples/utils/domevents/mousewheel/MouseWheel.tpl b/samples/utils/domevents/mousewheel/MouseWheel.tpl
index a2180ee..7257c55 100644
--- a/samples/utils/domevents/mousewheel/MouseWheel.tpl
+++ b/samples/utils/domevents/mousewheel/MouseWheel.tpl
@@ -4,9 +4,9 @@
} }
{macro main ( )}
-
This sample demonstrates the usage of onwheel
+ This sample demonstrates the usage of mosuewheel event callback
- Use the mouse wheel on the field below.
+ Use the mouse scroll on the div below. One mouse scroll down is -120 and one mouse scroll up is +120.
- The last roll amount:
+ Below field shows the sum of scrolled value
+
{@aria:NumberField {bind:{value:{to:"rolled",inside:data}}}/}
diff --git a/samples/utils/domevents/mousewheel/MouseWheelScript.js b/samples/utils/domevents/mousewheel/MouseWheelScript.js
index 580672a..77c72ef 100644
--- a/samples/utils/domevents/mousewheel/MouseWheelScript.js
+++ b/samples/utils/domevents/mousewheel/MouseWheelScript.js
@@ -2,16 +2,11 @@ Aria.tplScriptDefinition({
$classpath : "samples.utils.domevents.mousewheel.MouseWheelScript",
$implements : ["aria.core.Browser", "aria.utils.Dom"],
$prototype : {
- onMouseScroll : function (event) {
- var rolled = 0;
- if ('wheelDelta' in event && !aria.core.Browser.isFirefox) {
- rolled = event.wheelDelta;
- } else { // Firefox
- // The measurement units of the detail and wheelDelta properties are different.
- rolled = -40 * event.detail;
- }
-
- this.$json.setValue(this.data, "rolled", rolled);
+ sumRolledVal : 0,
+ onMouseScroll : function (evt) {
+ this.sumRolledVal += (evt.detail) ? evt.detail * (-40) : evt.wheelDelta;
+ this.sumRolledVal = this.sumRolledVal > 0 ? 0 : this.sumRolledVal;
+ this.$json.setValue(this.data, "rolled", this.sumRolledVal);
}
}
});