Magento/jQuery-在用户单击后获取输入值

我将Magento1.7.0.2和jQuery1.9.1与jGrowl一起使用。我试图实现的是获取用户的数量值，然后在右上角显示为jGrowl通知。jGrowl只是一种使用$.jGrowl（“此处的我的文本”）显示文本的方法；到目前为止，我得到的是：

HTML

它可以工作，但我通知显示3种不同的通知是用户类型，如果我在数量框中键入500，它会在单独的通知中显示5、50，然后是500，有没有办法在用户单击关闭输入字段后显示

---

提前感谢

我将提供两个版本。您应该将Javascript绑定到onclick或blur事件，而不是keydown：

HTML:

或

jQuery（当用户单击按钮时）：

---

注意，最佳做法是避免在Magento中由于原型和jQuery冲突而使用$for jQuery。确保您也在运行jQuery。

如果您在bind中使用

keydown

，您不需要

change

。尝试过它，这次它不会显示任何内容。效果非常好（lol）。你真的救了我的光头。。不停地扯我的头发@杰拉尔多哈哈，很高兴能帮上忙

    <div class="add-to-cart bottom">

    <input type="text" name="qty" id="qty" maxlength="12" value="500" title="Qty" onclick="$.jGrowl('500 Added To Cart');" class="input-text qty">
            <button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Continue to cart</span></span></button>
        </div>

    $('input#qty.input-text.qty').bind("keydown change", function(event){
    $.jGrowl(this.value);
});

<div class="add-to-cart bottom">
    <input type="text" name="qty" id="qty" maxlength="12" value="500" title="Qty" class="input-text qty">
    <button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Continue to cart</span></span>
    </button>
</div>

jQuery('.add-to-cart.bottom .input-text').blur(function(){
    jQuery.jGrowl(jQuery(this).val());
});

jQuery('.add-to-cart.bottom .btn-cart').click(function(){
    jQuery.jGrowl(jQuery('.add-to-cart.bottom .qty').val());
});