jquery - 如何让某个区域不可点击

Question

我得到了 <a>包含 <input type="text">单击 <a>会提交父表单，在<a>中输入是用于数量的，因为它现在正在尝试更改金额，因此它将触发表单。我知道如何做到这一点，但我不知道如何完成 jquery，所以我会寻求一些帮助

这就是我到目前为止所得到的

$(document).ready(function() {
        $('.submit-parent-form').click(function() {              
            alert($(this).children('#quantity').val());
        });

        $('.input-a-tag').focus(function(){
            $(this).parent('.submit-parent-form') //here i need to prevent the click
        });
    });

html

<a class="submit-parent-form"><input id="quantity" type="text" class="input-a-tag" value="1" /></a>

编辑我不认为我的解决方案不会按照我的想法工作 <a>在焦点之前获得点击，关于我该怎么做的任何想法

编辑2问题是当我尝试访问 a 标签中的输入时，尝试更改数量

Answer 1

试试这个:

$('.input-a-tag').click(function(event){
        event.stopPropagation();
    });

这应该使点击输入元素，而不是传播到它的父元素。