jQuery,点击事件,过多的递归

$('#places-view > tbody').find('td').click(function(evt) {
    var td = $(this),input = td.find('input');
        console.log('click');
        console.log(input.attr('disabled'),'disabled');
        if (! input.attr('disabled')) {
            input.trigger('click');
            console.log('inner click');
        }
})

要防止事件冒泡,请将event.stopPropagation()放在input元素的click事件的处理程序中.

$('#places-view input').click(function(event) {

      // This will prevent the click event from bubbling up and firing
      //    the click event on your <td>
    event.stopPropagation();

      // run the rest of your click code
});

http://api.jquery.com/event.stopPropagation/

编辑：正如@pointy所指出的那样,你可能希望让同一个处理程序处理这两个事件,或者至少让你在点击输入时触发td处理程序.

如果是这种情况,您只需要检查td处理程序是否通过单击输入触发,如果是,则阻止input.trigger(“click”)运行：

$('#places-view > tbody').find('td').click(function(evt) {
    var td = $(this),'disabled');
        if (! input.attr('disabled')) {
                // If the target of the click was not the input,//   then trigger the click on the input
            if( input.not( evt.target ).length ) {
                input.trigger('click');
                console.log('inner click');
            }
        }
});

另一种进行测试的方法是：

if(input[0] != evt.target) {...

这两种方法都假设只有一个输入.如果不是这种情况,那么您需要为输入提供一个标识符,以使测试更具体.