Draggable and Clickable input element using jquery

Question

I have an input element inside a draggable div. My code should do the following things:

• When I drag my input element, entire draggable div should be dragged. (

Answer 1

You could try adding the contenteditable attribute to your div:

HTML

JQuery

$(".draggable").draggable()
  .click(function() {
    $(this).draggable( {disabled: false});
}).dblclick(function() {
    $(this).draggable({ disabled: true });
});

JSFiddle