how to prevent blur() running when clicking a link in jQuery?

Question

i have:

and

$(\'input\').blur(function(){
    alert(\'stay focused!\');
});

Answer 1

You can get this behavior by calling preventDefault() in the mousedown event of the control being clicked (that would otherwise take focus). For example:

btn.addEventListener('mousedown', function (event) {
  event.preventDefault()
})

btn.addEventListener('click', function(ev) {
    input.value += '@'
    input.setSelectionRange(ta.value.length, ta.value.length)
})

See live example here.