如何避免误点击激活不必要的功能鼠标

Question

我可以找到什么解决方案来防止不必要的点击激活功能鼠标。 这里jsfiddle

Answer 1

尝试stopPropagation()：

  

防止事件冒泡DOM树，防止任何父处理程序被通知事件。

$('tr').click(function(e) {
    $('#span1').hide();
    $('#input1').show();
    e.stopPropagation()
});

http://jsfiddle.net/c6ABa/7/

Answer 2

$('tr').click(function() {
    if($('#input1').hasClass('active')){
        return false;
    }
     $('#span1').hide();

        $('#input1').show().addClass('active');

    });

Answer 3

在第一个mouseup上向元素添加一个类。 然后使用if hasClass（'...'）进行检查。 如果该类存在则返回false