javascript - 如果值增加或减少，html5数字字段区分事件

Question

我正在使用 HTML5 数字字段设置顶部位置，当数字字段随着向上 [内部数字字段] 增加时，我需要增加顶部值，反之亦然，如果它减少则需要减少顶部值。

$("#font_y_pos").change(function(event) {
var obj = canvas.getActiveObject();

if (!obj)
    return;

var y_pos = obj.getTop() - $(this).val();
obj.set('top', y_pos);
canvas.renderAll();
               });

但我如何区分这 2 个事件？如果价值增加或减少？

Answer 1

// before the first click on the field, store the original value
elm.onfocus=function () {elm.prevValue = elm.value; };

elm.onclick= function () {
    // when clicking the field, write to log the diff between current value and previous
    console.log ((elm.prevValue - elm.value)>0); // output=true/false depending on your direction
    // store current value as previous for next iteration
    elm.prevValue = elm.value;
};