ホームページ > ウェブフロントエンド > jsチュートリアル > DIVを編集可能、ドラッグ可能にする方法のサンプルコード_JavaScriptスキル

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

WBOY
リリース: 2016-05-16 17:22:10
オリジナル
1049 人が閲覧しました
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 を編集できるようになります。そして属性をドラッグします。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート