Initialization JavaScript code:

Main JavaScript code:

Show this JavaScript code
Click here
Move
Click again

Note: full english description will be later.



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

Данный пример похож на предыдущий, но движение объекта здесь прекращается после второго клика. Обратите внимание, что инициализируем движение мы в момент клика на объект, а прекращать перемещение надо по клику в любом месте. Это связано с тем, что если вы поведете мышкой достаточно быстро, ваш курсор может "вылететь" за пределы блока и тогда второй клик произойдет вне блока. В этой связи я хочу обратить ваше внимание на процедуру которая прекращает "Bubbling": evtWr.stopBubbling();. Если этого не сделать, то событие "onclick" на <body> произойдет сразу же после "onclick" на элементе - т.е. перемещение инициализируется и сразу-же сбросится.

Хочу обратить ваше внимание, что поскольку в IE до 6-й версии поддерживается только "Bubbling", а "Сapturing" - не поддерживается, то "js-wrapper" сейчас работает только с одним направлением - "Bubbling" (для соблюдения кроссбраузерности).