How to make div editable, drag sample code _javascript tips

1, can be edited:

<div id= "Move" contenteditable= "true" > Editable </div>
Setting the Contenteditable property allows Div programming to edit the state

2, can drag:

$ (' #move '). draggable ();
Draggable with the jquery UI can make div a drag state, but if two properties are applied at the same time, the editable function will fail.

3, can be edited, can be dragged:

Copy Code code as follows:

<div id= "Move" contenteditable= "true" > Editable </div>
var divtitle=$ (' #move ');
[Code]
<span style= "font-size:18px" >divtitle.draggable (). Click (Function ()
{
$ (this). Draggable ({disabled:false});
$ (this). CSS (' backgroundcolor ', ' Transparent ');
}). DblClick (function ()
{
$ (this). Draggable ({disabled:true});
$ (this). CSS (' backgroundcolor ', ' #FFFF6F ');
});</span>

This control allows the div to have both the edit and drag properties.