DIVを編集可能、ドラッグ可能にする方法のサンプルコード_JavaScriptスキル

1. 編集可能:

Editable

contentEditable 属性を設定すると、div の編集ステータスをプログラム可能になります

2. ドラッグ可能:

$('#move').draggable();
jQuery UI のドラッグ可能を使用して、div をドラッグ可能な状態に変更します。ただし、両方の属性が同時に適用されると、編集機能は無効になります。

3. 編集可能およびドラッグ可能:

コードをコピーします コードは次のとおりです。

editable

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

これを制御することで、div を編集できるようになります。そして属性をドラッグします。