Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

子DIV可以在父DIV中移动的效果_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-21 09:08:50
Original
1620 Leute haben es durchsucht

我想做个子DIV可以在父DIV中移动的效果。如图在子DIV中有两个DIV ，鼠标拖动子DIV可以在父DIV中移动已经做好了，但是我现在想让鼠标拖动DIV2时子DIV不动 怎么做？
请各位大神帮帮忙。


回复讨论(解决方案)

你的意思是 DIV2 可单独在 父DIV 里被拖动，是这样吗？

你的意思是 DIV2 可单独在 父DIV 里被拖动，是这样吗？


不是哦 我的意思是 按住DIV2时 整个子div都不能动，div2在子DIV中也不能动

即子DIV失去移动效果

event.stopPropagation();
//阻止事件冒泡

阻止掉div2的拖动事件。。。

阻止掉div2的拖动事件。。。



可是应该怎么做呢 能具体些么
Verwandte Etiketten：
子DIV可以在父DIV中移动的效果
Quelle：php.cn
Vorheriger Artikel：css3 中text-align:justify_html/css_WEB-ITnose Nächster Artikel：练习：90%的css实现淘宝话费充值等快捷应用栏_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt? Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Tre...
Aus 2024-04-04 11:21:03
0
1
3580
Wie verwende ich CSS-Selektoren, um auf div-Elemente abzuzielen, die bestimmte Attribute oder Tags enthalten? Ich arbeite an einem POS-System, das eine Website generiert. Der größte Teil des Codes ist...
Aus 2024-04-03 22:25:59
0
1
277
HTML-Webseiten-Paginierung in Chrome Ich versuche, nach einem ganzseitigen Div-Container zu paginieren. Wenn Sie nach unten scr...
Aus 2024-04-02 23:26:08
0
1
404
Der Scroll-Ereignis-Listener wurde zum Element hinzugefügt, bewegt sich jedoch nur dann korrekt, wenn scrollTop nicht gleich 0 ist Also habe ich dieses kleine Skript geschrieben, in dem ich zwei Listen habe – abgeschlosse...
Aus 2024-04-01 11:03:26
0
1
326
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage