可拖动取消触发模糊事件

Question

我有一个可拖动的div当然可以被拖走。 在里面，我输入了两个事件（焦点和模糊）的文本。 在内部，我有另一个div作为可拖动的取消div（拖动该div防止任何拖动发生）。

你可以在这里看到它： http ： //jsfiddle.net/wUDzh/4/

• 单击输入框将触发焦点事件并单击外部主div（红色部分）将触发模糊事件。 这可以。
• 单击或拖动主div不会触发模糊事件。 这就是我想要的。
• 问题是，单击取消div（蓝色部分）会导致输入框的模糊事件发生。 这是有道理的，但那不是我想要的。

有没有办法防止模糊事件发生就像主div的行为？

谢谢

Answer 1

你可以做到

$("#text").blur(function(e)
{
   // alert('a');
    if(e.target.id === 'text'){
        //this prevents other blur handlers from firing
        e.stopImmediatePropagation();
        //this prevent the default action and returns
        return false;
    }
   $(this).val("I've got blur");
});

在这里摆弄http://jsfiddle.net/wUDzh/6/

Answer 2

要在单击取消div时防止输入字段模糊，只需执行以下操作：

    $('#cancel').mousedown(function(e) {
        e.preventDefault();
    });

看小提琴