Mouse drag (second means)
Move
Click again
Note: full english description will be later.
Задача: После клика на блоке и отпускания клавиши - начинем отслеживать перемещение курсора и соответственно перемещать блок. Повторный клик - прекращает перемещение блока.
Данный пример похож на предыдущий, но движение объекта здесь прекращается после второго клика. Обратите внимание, что инициализируем движение мы в момент клика на объект, а прекращать перемещение надо по клику в любом месте. Это связано с тем, что если вы поведете мышкой достаточно быстро, ваш курсор может "вылететь" за пределы блока и тогда второй клик произойдет вне блока. В этой связи я хочу обратить ваше внимание на процедуру которая прекращает "Bubbling": evtWr.stopBubbling();
. Если этого не сделать, то событие "onclick" на <body> произойдет сразу же после "onclick" на элементе - т.е. перемещение инициализируется и сразу-же сбросится.
Хочу обратить ваше внимание, что поскольку в IE до 6-й версии поддерживается только "Bubbling", а "Сapturing" - не поддерживается, то "js-wrapper" сейчас работает только с одним направлением - "Bubbling" (для соблюдения кроссбраузерности).