jquery元素点击事件只允许一次？迷茫的

Question

一个元素的点击事件，它只起作用一次。假设该值为 2，它将仅增加/减少/重置一次。

如何重置事件，以便用户可以继续单击元素来增加值 .item-selection-amount

$('.item-selection-amount').click(function(event) {
        var amount = $(this).val();
        switch (event.which) {
            case 1:
                //set new value +
                $(this).val(amount + 1);
                break;
            case 2:
                //set new value reset
                $(this).val(0);
                break;
            case 3:
                //set new value -
                if(amount > 0){ 
                    $(this).val(amount - 1);
                }
                break;
        }
    });

谢谢

Answer 1

JavaScript巧妙（阅读：这是一个坏主意）重载了+运算符来表示算术加法和字符串连接。

如果其中一个操作数看起来像字符串，它将进行字符串连接。你的值看起来像一个字符串，所以它就是这样做的。

我已经使用 parseInt(val, 10) 来尝试获取整数，或者如果我们返回类似 NaN （不是数字）。 parseInt() 的第二个参数是基数。如果没有这个，输入为 072 的数字将以八进制（基数 8）格式读取，可能不是您想要的。

$('.item-selection-amount').click(function(event) {
        var amount = parseInt($(this).val(), 10) || 0;
        switch (event.which) {
            case 1:
                //set new value +
                $(this).val(amount + 1);
                break;
            case 2:
                //set new value reset
                $(this).val(0);
                break;
            case 3:
                //set new value -
                if(amount > 0){ 
                    $(this).val(amount - 1);
                }
                break;
        }
});

jsFiddle。

更新

右键单击事件，case 3，在 Chrome 中不适用于我，因此我将其绑定到 contextmenu 事件并且它起作用了...

$('.item-selection-amount').click(function(event) {
    var amount = parseInt($(this).val(), 10) || 0;
    switch (event.which) {
    case 1:
        //set new value +
        $(this).val(amount + 1);
        break;
    case 2:
        //set new value reset
        $(this).val(0);
        break;
    case 3:
        //set new value -
        if (amount > 0) {
            $(this).val(amount - 1);
        }
        break;
    }
}).bind('contextmenu', function(event) {
    event.preventDefault();
    var amount = parseInt($(this).val(), 10) || 0;
    if (amount > 0) {
        $(this).val(amount - 1);
    }
})

jsFiddle。