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:
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.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
