How to make DIV editable and draggable sample code_javascript skills

1. Editable:

Editable

Setting the contentEditable attribute can make the div programmable Editing status

2. Draggable:

$('#move').draggable();
Use jQuery UI's draggable to make the div change into a draggable state, but if both attributes are applied at the same time, the editable function will be disabled.

3. Editable and draggable:

Copy code The code is as follows:

editable

var divTitle=$('#move');
[code ]
divTitle.draggable().click(function ()
{
$(this).draggable({ disabled: false });
$(this).css('backgroundColor', 'transparent');
}).dblclick(function ()
{
$(this).draggable({ disabled: true }) ;
$(this).css('backgroundColor', '#FFFF6F');
});

By controlling this, you can make the div have edit and drag attributes.