Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ 2 Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ
DropTargets.
Π― Ρ
ΠΎΡΡ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠΈΡΡ ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ Π΄ΠΎΡΠ΅ΡΠ½Π΅ΠΉ ΡΠ΅Π»ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, Π΅ΡΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΉ ΡΠ΅Π»ΠΈ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΎ.
ΠΠ°ΠΊ ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ΅ΡΠΎΠ΄ canDrop() ΠΏΠΎΡΠΎΠΌΠΊΠ° Π·Π°Π²ΠΈΡΠ΅ΡΡ ΠΎΡ ΠΌΠ΅ΡΠΎΠ΄Π° canDrop() ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ?
Π― Π½Π΅ Π½Π°ΡΠ΅Π» ΡΠΏΠΎΡΠΎΠ±Π° ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΡΡΠΎΠ³ΠΎ Ρ ΡΠ΅ΠΊΡΡΠΈΠΌ API, ΠΌΠ½Π΅ ΠΏΡΠΈΡΠ»ΠΎΡΡ ΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π½Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ.
ΠΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π±ΠΎΡΠΎΠ»ΡΡ Ρ ΡΡΠΈΠΌ?
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ!
Π‘Π½Π°ΡΠ°Π»Π° Ρ ΠΏΡΠΈΡΠ΅Π» ΡΡΠ΄Π°, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Ρ ΠΌΠ΅Π½Ρ Π±ΡΠ»Π° ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°... ΠΊΠΎΡΠΎΡΡΡ Ρ ΡΠ΅ΡΠΈΠ» Ρ ΠΏΠΎΠΌΠΎΡΡΡ monitor.isOver({ shallow: true })
Π² ΠΌΠ΅ΡΠΎΠ΄Π΅ canDrop
ΠΊΠ°ΠΊ Π΄Π»Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ, ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ Π΄ΠΎΡΠ΅ΡΠ½Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. Π― Ρ
ΠΎΡΠ΅Π», ΡΡΠΎΠ±Ρ ΠΎΡΠ²Π΅ΡΠΈΠ» ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π±Π΅Π½ΠΎΠΊ, Π½ΠΎ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ», ΡΡΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ, Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΠΈΠΉ false, Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΅Π±Π΅Π½ΠΊΡ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡ true.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Ρ Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ ΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΠ΅, Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. Π― ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Ρ, ΡΡΠΎ ΠΎΠ±Π° ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΎΠ΄Π½ΠΈ ΠΈ ΡΠ΅ ΠΆΠ΅ ΡΠΈΠΏΡ ΠΎΡΠ±ΡΠ°ΡΡΠ²Π°Π½ΠΈΡ, ΠΈ ΡΡΠΎ Ρ Π²Π°ΡΠΈΡ ΡΠ΅Π°Π»ΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² dom Π½Π΅Ρ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΡΡΠ°Π½Π½ΠΎΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠΎ ΡΡΠ΅ΠΊΠΎΠΌ, ΠΈ ΡΡΠΎ Π²Π°Ρ canDrop Π½Π΅ ΠΌΠ΅ΡΠ°Π΅Ρ.
Π Π»ΡΠ±ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Ρ Π½Π΅ ΡΡΠ°ΡΡΠ½ΠΈΠΊ/ΡΠΎΠ°Π²ΡΠΎΡ ΠΈ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎ Π½Π°ΡΠ΅Π» Π²Π°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Ρ ΠΎΡΠ΅ΡΡ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ ΡΠ²ΠΎΠ΅ΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΎ Π²ΡΠ΅Π³Π΄Π° ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΠΈΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΡΠΎΡΠ½ΠΎ ΠΏΠΎΠ½ΡΡΡ Π²Π°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ.
ΠΡΠ° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π±ΡΠ»Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π° ΠΊΠ°ΠΊ ΡΡΡΠ°ΡΠ΅Π²ΡΠ°Ρ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ Π² Π½Π΅ΠΉ Π½Π΅ Π±ΡΠ»ΠΎ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ. ΠΠ½ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΊΡΡΡ, Π΅ΡΠ»ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΉ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ Π½Π΅ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ. Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° Π²Π°Ρ Π²ΠΊΠ»Π°Π΄.
@danielrob , ΠΊΠ°ΠΊ ΡΡ ΡΠ΅ΡΠΈΠ» ΡΠ²ΠΎΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ {shallow: true}
? Π― ΠΏΡΡΠ°ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎ Π² canDrop
, ΠΈ, ΠΏΠΎΡ
ΠΎΠΆΠ΅, ΡΡΠΎ Π½Π΅ Π΄Π°Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°. Π ΠΈΠ΄Π΅Π°Π»Π΅ Ρ Ρ
ΠΎΡΠ΅Π» Π±Ρ, ΡΡΠΎΠ±Ρ Π΄Π΅ΡΠΈ ΠΈΠΌΠ΅Π»ΠΈ ΠΏΡΠΈΠΎΡΠΈΡΠ΅Ρ ΠΏΡΠΈ ΡΠ΄Π°Π»Π΅Π½ΠΈΠΈ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΠΈ.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
@danielrob , ΠΊΠ°ΠΊ ΡΡ ΡΠ΅ΡΠΈΠ» ΡΠ²ΠΎΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ
{shallow: true}
? Π― ΠΏΡΡΠ°ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎ Π²canDrop
, ΠΈ, ΠΏΠΎΡ ΠΎΠΆΠ΅, ΡΡΠΎ Π½Π΅ Π΄Π°Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ°. Π ΠΈΠ΄Π΅Π°Π»Π΅ Ρ Ρ ΠΎΡΠ΅Π» Π±Ρ, ΡΡΠΎΠ±Ρ Π΄Π΅ΡΠΈ ΠΈΠΌΠ΅Π»ΠΈ ΠΏΡΠΈΠΎΡΠΈΡΠ΅Ρ ΠΏΡΠΈ ΡΠ΄Π°Π»Π΅Π½ΠΈΠΈ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΠΈ.