It sounds like what you want is to do is stop the draggable behavior when the button is clicked. event.stopPropagation();
will only prevent the events on the button from bubbling up to the parent div, but it won't affect what happens if you click on the draggablediv
directly.
You'll want to use the either the disable
or destroy
draggable widget methods to stop the draggable behavior. You can read about the difference between them on the API page for the draggable widget.
$('#editBtn').click(function (event) {
$("#draggablediv").draggable('destroy')
focusDiv();
});