简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

如何让DIV可编辑、可拖动示例代码_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:22:10
asal
1010 orang telah melayarinya
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).css('backgroundColor', '#FFFF6F');
});

这样控制一下就可以让div同时具有edit和drag属性了。
Label berkaitan：
DIV可编辑 DIV可拖动
sumber：php.cn
Artikel sebelumnya：javascript实现原生ajax的几种方法介绍_javascript技巧 Artikel seterusnya：JSON传递bool类型数据的处理方式介绍_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Pertanyaan dan formula membentuk keseluruhan jadual, dengan lajur baharu, dengan lajur baharu ialah formula yang melibatkan nilai lajur bersyarat lain EDIT: Formula mestilah lajur "nilai" - lajur "nilai" dengan user_id te...
daripada 2024-04-06 21:23:40
0
2
530
Pemeriksa Sudoku tidak berfungsi? Bolehkah sesiapa membantu saya mengenal pasti ralat? Saya mencuba segala-galanya pada editor dalam talian tetapi masih mendapat ralat. Tetapi a...
daripada 2024-04-06 21:21:07
0
1
474
Hasilkan nilai lalai dan pembolehubah CSS menggunakan SCSS Saya sedang melaksanakan penggayaan laman web. Atas sebab sokongan warisan, saya perlu men...
daripada 2024-04-06 17:46:54
0
1
355
Merekod pertanyaan di bawah syarat nilai separa - perkongsian kemahiran SQL Saya mempunyai jadual yang dipanggil zipcode yang mempunyai lajur yang dipanggil kod. Laju...
daripada 2024-04-06 16:01:26
0
1
395
Kemungkinan untuk menyimpan kod ASP Classic sebagai rentetan dalam pangkalan data MYSQL Adakah mungkin untuk menyimpan kod klasik asp ke dalam pangkalan data MySQL dan minta ia m...
daripada 2024-04-06 13:38:43
0
1
358
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！