如何使区域不可点击

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的问题是当我尝试获取标签中的输入时，尝试更改数量

Answer 1

尝试这个：

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

这应该在输入元素上单击，而不是传播到其父元素。

Answer 2

var prevent = false;
$(".submit-parent-form").click(function(e){         

    if(prevent)
        e.preventDefault();
    else
        alert($(this).children('#quantity').val());
});

$(".submit-parent-form").focus(function(){
    prevent = true;
});


$(".submit-parent-form").blur(function(){
    prevent = false;
});

在http://jsfiddle.net/zND4B/4/了解其工作原理

编辑：我添加了一个警告，该警告显示在激活http://jsfiddle.net/zND4B/6/上的href之前显示。请注意，可以没有href。

Answer 3

简单的方法是：

$("#ElementName").css("pointer-events","none");