Initialization JavaScript code:

Main JavaScript code:

Show this JavaScript code
Click here
Drag
Up mouse button

Note: full english description will be later.



Задача: После клика на блоке начинаем отслеживать перемещение мышки и соответственно перемещать блок. В момент отпускания клавиши - перемещение прекращается.

Данный пример демонстрирует воможность отслеживать перемещение курсора мышки и возможность перемещать объект вслед за курсором.

Вы наверное обратили внимание на то, что в момент перемещения данного блока происходит нежелательное "выделение текста". На самом деле это событие тоже можно отслеживать и сбрасывать выделение. Чтобы не усложнять данный демонстрационный код - я здесь этого не делаю. Но вы можете попробовать сделать это самостоятельно. Для тех кто не знает как это сделать подскажу, что нужно подавить событие, при помощи команды eventDrop(). Но, к сожалению, это будут различные типы событий для разных браузеров: для IE это - "onselectstart", а для Gecko-браузеров это - "onmousedown".