VPF::событие джижение курсора при нажатой мыши

Mikron

Дата 2.2.2016, 15:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 50
Регистрация: 2.5.2007

Репутация: нет
Всего: нет

Добрый день
Хочу сделать слайдер, где картинки бы сменялись движением зажатой левой клавиши мыши, но как сделать обработчик этого?

Код


$(document).ready(function(){
    var isDown = false;
    $('.my-slider').mousedown(function(){
        isDown = true;            
    });
    $('.my-slider').mouseup(function(){
        isDown = false;
    });
    $('.my-slider').mousemove(function(){
        if(isDown){
            console.log('nazkal');
        }
        else{
            console.log('otpustil');
        }
    });
});

Когда левая клавиша мыши нажата над картинкой, mousemove не срабатывает, в браузере я сдвигаю как бы копию картинки)

извините за недостаток описания, по функционалу вот такой слайдер
http://www.vogue.ru/fashion/trends/15_glav...leta_2016_goda/

Спасибо

Это сообщение отредактировал(а) Mikron - 2.2.2016, 15:16

ksnk

Дата 2.2.2016, 19:07 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

"копия картинки" сдвигается стандартным обработчиком mousemove. Чтобы отключить стандартные - нужно заканчивать функцию return false,.
Если бы это было не jquery - нужно было бы еще плясать на тему cancelBubble и preventDefault, хотя знакомство с такими вещами не помешает и так.
Обычно, mousemove выставляется не сразу, а по mousedown. Причем на все рабочее поле - на document. По mouseup этот обработчик снимается, чтобы не тормозить работу.
Если вкратце - то это и все.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Envy

Дата 4.2.2016, 13:23 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

http://www.w3schools.com/jsref/event_ondrag.asp

Этот ответ добавлен с нового Винграда - http://vingrad.com

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »