Нажмите и удерживайте событие Javascript

Я havent начал работу над проектом, над которым я буду работать, но при планировании у меня возникли проблемы с выбором проблемы с нажатием и удержанием.Нажмите и удерживайте событие Javascript

У меня будет щелчок по div (div, который над элементом изображения, но я все еще могу щелкнуть по изображению) с непрозрачностью где-то около 0.7 с изображением под ним. Я смогу щелкнуть по изображению и переместить его на холст (в основном просто переместите его с одной стороны холста на другой).

Кто-нибудь знает, как создать клик и провести событие, когда я нажимаю на изображение, чтобы переместить его на холст, щелчок по непрозрачности divs становится 0 (или div становится скрытым все вместе), затем когда я отжимаю его, он возвращается к 0.7?

Спасибо!

источник

2015-07-14 Midi_

События 'mousedown' и' mouseup'? – jfriend00

говоря * canvas * вы имеете в виду HTML5 '

его удивительный для меня, что вы можете потерять очки только для того, чтобы задать вопрос. Какая шутка, все здесь, чтобы учиться. –

Пожалуйста, попробуйте этот

Я создал DEMO. Это то, что я понял из вашего вопроса. Если это не то, что вы имели в виду, добавьте некоторый html или код, который вы попробовали, чтобы его легко понять вашу проблему.

$(document).ready(function(){ 
    $("img").mouseup(function(){ 
     $("#containment-wrapper").css("background-color", "black"); 
    }); 
    $("img").mousedown(function(){ 
     $("#containment-wrapper").css("background-color", "white"); 
    }); 
});

источник

2015-07-14 05:49:51

Эй, спасибо за это! это на самом деле не та часть, о которой идет речь. Хотелось бы, чтобы у меня было достаточно очков, чтобы поместить изображение, я мог бы легко объяснить его таким образом. В основном изображение, которое у меня есть div, который занимает всю ширину и высоту браузера, его черный и слегка непрозрачный. под этим div у меня есть изображение (изображение можно щелкнуть, хотя черный непрозрачный div). Когда я нажимаю на это изображение, я хочу, чтобы черный (верхний) div был скрыт (или непрозрачность: 0), и когда я отжимаю, я хочу, чтобы непрозрачность возвращалась к исходной непрозрачности. –

@Midi_ Я обновил код. Подтвердите мой последний «DEMO» –

Спасибо, столько Рино! Я не знал о функциональности mouseup mousedown. Я очень ценю это, это именно то, что я искал! Хорошего дня! –

Как насчет jQuery's https://api.jquery.com/mousemove/? В Doc они есть пример, как привязать даже к цели:

$("#target").mousemove(function(event) { 
    var msg = "Handler for .mousemove() called at "; 
    msg += event.pageX + ", " + event.pageY; 
    $("#log").append("<div>" + msg + "</div>"); 
});

источник

2015-07-14 05:42:52 Maximosaic

Нажмите и удерживайте событие Javascript

ответ

Смежные вопросы