如何讓DIV可編輯、可拖曳範例程式碼_javascript技巧

1、可編輯：

可編輯

設定contentEditable屬性可以讓div程式設計可編輯狀態

2、可拖曳：

$('#move').draggable();
使用jQuery UI的draggable可以讓div變成可拖曳動狀態，但是如果兩個屬性同時套用就會出現可編輯功能失效的狀況。

3、可編輯、可拖曳：

複製程式碼

複製程式碼

複製程式碼


程式碼如下:

可編輯

var divTitle=$('#move');
[code]
divTitle.draggable().click(function ()
{

$(this).draggable({ disabled: false });
$( this).css('backgroundColor', 'transparent'); }).dblclick(function () { $(this).draggable({ disabled: true }); $(this).draggable({ disabled: true }); $ (this).css('backgroundColor', '#FFFF6F'); }); 這樣控制一下就可以讓div同時具有edit和drag屬性了。