[Ликбез]
Форма входа
Логин:
Пароль:
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Javascript мышь
Javascript мышь
[1] vadimreal [19.05.2012, 18:12]
У меня есть куча divov расположеных горизонтально, размер их там 5х10 рх и цвет этих прямоугольничков зеленый.. подскажите как сделать чтобы при зажатии и проведении через эти дивы они перекрашивались в другой цвет.. ( divTag.setAttribute("style","..... <- то что было раньше + background-color: red;"); )

Добавлено (19.05.2012, 18:00)
---------------------------------------------
Вот KeyPress ""Выполняет код JavaScript, когда пользователь нажимает клавишу клавиатуры и удерживает её в нажатом состоянии."" -- но надо тоже самое на мышь.. и желательно как пользоваться..

Добавлено (19.05.2012, 18:02)
---------------------------------------------
Опять же есть
MouseDown ""Выполняет код JavaScript, когда пользователь нажал клавишу мыши."" -- но это только нажал
MouseMove ""Выполняет код JavaScript, когда пользователь перемещает курсор мышью.""-- что тоже слегка не то..

Добавлено (19.05.2012, 18:12)
---------------------------------------------
или типа можно комбинировать типа

mouseover+MouseClick .. только объясните как плиз.

[2] likbezz [19.05.2012, 19:32]
vadimreal,
Quote (vadimreal)
У меня есть куча divov расположеных горизонтально, размер их там 5х10 рх и цвет этих прямоугольничков зеленый.. подскажите как сделать чтобы при зажатии и проведении через эти дивы они перекрашивались в другой цвет

При нажатии:
Code
<div onclick="this.style.backgroundColor='#F00'"> *** </div>

при проведении то же самое, только событие onmousemove
...

Quote (vadimreal)
Вот KeyPress ""Выполняет код JavaScript, когда пользователь нажимает клавишу клавиатуры и удерживает её в нажатом состоянии."" -- но надо тоже самое на мышь.. и желательно как пользоваться..

Для получения кнопки мыши в объекте event есть два свойства: which и button.
Ознакомься: События мыши
...

Quote (vadimreal)
mouseover+MouseClick .. только объясните как плиз.

Я же уже объяснял как проще - разобрать работающий скрипт ползунка и позаимствовать оттуда данные функции.
А вообще это делается по другому, по клику вешается событие, по поднятию клавиши оно убирается. Само событие привязывает координаты объекта к координатам мыши, и при изменении изменяет их.
То бишь, вы кликнули по ползунку, сработаля функция, но клавишу вы ещё не подняли. И начали двигать мышь с зажатой клавишей. У курсора есть координаты и при движении функция простовляет такие же тому объекту - ползунку, по которому кликнули, вы отпустили кнопку мыши, сработала функция снятия предыдущей функции.
Вот как-то так.
...
Полная версия сайта