可拖動取消觸發模糊事件

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();
    });

看小提琴