Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 13.01.2020
Сообщений: 5

Ошибка с перемещением квадрата с использованием мыши

23.01.2020, 00:07. Показов 395. Ответов 0

Студворк — интернет-сервис помощи студентам
Всем привет, пишу программу для передвижения квадрата с помощью мыши и так же, что бы квадрат толкал квадрат побольше, но после соприкосновении с углом большого квадрата - маленький улетает. Не помешало бы изменение кода так. что бы подобная проблема была решена.


HTML5
1
2
3
4
5
6
7
8
<head>
<meta charset="utf-8">
</head>
<body onload="init()">
<DIV id= 'bigkv' style="position:absolute;left:10;top:10;width:500;height:500;background-color:#A00000">
<DIV id= 'kv'style="position:absolute;left:0;top:0;width:50;height:50;background-color:#FFFF00">
</div>
</div>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
var one = 476;
var two = 476;
var three = 10;
var four = 10;
var help1 = 10;
var lmao = 25;
var lmoa = 450;
flag=false;
function init()
{
document.onmousemove=function dragIt(event)
{
 
if(event.clientY<one && event.clientX <two && event.clientY-13>three && event.clientX-13>four )
{
if(flag)
{
document.all.kv.style.top=event.clientY-lmao;
document.all.kv.style.left=event.clientX-lmao;
}  }
else if(event.clientY>one)
{
sobytie=event;
if(flag)
{
three = three + help1;
one = one + help1;
 
document.all.bigkv.style.top=three;
 
} }
else if(event.clientX>two)
{
sobytie=event;
if(flag)
{
four = four + help1;
two = two + help1;
document.all.bigkv.style.left=four;
document.all.kv.style.top=event.clientY-lmao;
document.all.kv.style.left=event.clientX-lmao;
}
}
else if(event.clientY-13<three)
{
sobytie=event;
if(flag)
{
one = one - help1;
three = three - help1;
document.all.bigkv.style.top=three;
document.all.kv.style.top=event.clientY-lmao;
document.all.kv.style.left=event.clientX-lmao;
} }
else if(event.clientX-13<four)
{
sobytie=event;
if(flag)
{
two = two - help1;
four = four - help1;
document.all.bigkv.style.left=four;
document.all.kv.style.top=event.clientY-lmao;
document.all.kv.style.left=event.clientX-lmao;
} } }
document.all.kv.onmouseup=function osvobodi(){flag=false}
document.all.kv.onmousedown=function zachvat(){flag=true}
}
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.01.2020, 00:07
Ответы с готовыми решениями:

Динамическое действие перемещением мыши
Уважаемые форумчане, кто-то может подсказать, как реализовать нечто подобное? http://www.cantera.ru/services/ Когда одна картинка...

Рисование простеньких рисунков в C++ Builder с использованием OnPaint, а так же с использованием мыши
нужен рабочий код рисунка любого(только чтоб не кубики и эллипсы одни) на C++ Builder с использование OnPaint, т.е. чтобы он...

Вращение квадрата меняется в зависимости от нажатия кнопки мыши
Добрый вечер. У меня почему-то не получается поменять движение вращения квадрата(квадрат должен вращаться в другую сторону при нажатии...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.01.2020, 00:07
Помогаю со студенческими работами здесь

Шифрование с использованием квадрата Полибия
Здравствуйте! Помогите, пожалуйста, выполнить задание. Программу нужно сделать в Window Forms. Реализовать в программе шифрование и...

Шифр с использованием квадрата с прорезями
Помогите, пожалуйста, с защитой курсовой по шифрованиям! Преподаватель дал задание: имеется квадрат с прорезями. Нужно списать открытые...

Реализовать перетаскивание квадрата при нажатой левой кнопке мыши, и нажатий на стрелки
Всем привет! Изучаю SFML нашел такую задачу но не получается решить уже второй день. Некорректно работает перетаскивание курсора при...

Площадь квадрата равна S. Вычислить сторону квадрата а, диагональ d и площадь S1 описанного около этого квадрата круга
Напишите, пожалуйста, программу, через процедуру, максимально просто в PascalABC.net.

Площадь квадрата равна S. Вычислить сторону квадрата а, диагональ d и площадь S1 описанного около этого квадрата круга
Напишите код в C++ Пожалуйста :confusion:


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru