Blur Event Handler Is Blocked By Jquery Preventdefault() Method

I'm working on an interactive web application, currently set up on http://picselbocs.com/projects/goalcandy (user: demo@demo.com, password: demo). It allows you to drag items conta

Solution 1:

You use some variable say

var locks = {}; 
locks.textarea_lock = false;

Then clicking on textarea set locks.textarea_lock = true; In image handler check this lock:

$(document).on('mousedown dragstart', 'img', function(event) { 
    if (locks.textarea_lock) {
        return;
    }
    event.preventDefault(); 
});  

In "blur" handler unlock variable locks.textarea_lock = false;.