mouseover-beim mousedown

Ich habe eine große Tabelle mit jeder Zelle 25x25 und ein div in jede. Jedes div hat die Klasse "Knoten" und eine Hintergrundfarbe angewendet wird, um Sie alle. Ich bin in den Prozess des Schreibens einige jQuery-code, ändern Sie die Farbe der einzelnen div-Element wenn die Maus geht über Sie, während Sie die Maus gedrückt ist.

Momentan habe ich es so, dass es funktioniert, wenn ich mit der Maus über, aber ich will nur das es funktioniert, wenn die Maustaste gedrückt wird aswell. Ich habe versucht, viele verschiedene Möglichkeiten, um es zu arbeiten, aber bisher habe ich keine sehen, unten ist mein Aktueller code.

$(document).ready(function(){
  $(".node").mouseover(function(){
   $(this).css({background:"#333333"});
 });
});

InformationsquelleAutor Stanni | 2010-06-04

  1. 20

    Probieren Sie etwas wie dieses:

    $(document).ready(function(){

  var isDown = false;   //Tracks status of mouse button

  $(document).mousedown(function() {
    isDown = true;      //When mouse goes down, set isDown to true
  })
  .mouseup(function() {
    isDown = false;    //When mouse goes up, set isDown to false
  });

  $(".node").mouseover(function(){
    if(isDown) {        //Only change css if mouse is down
       $(this).css({background:"#333333"});
    }
  });
});

    EDIT:

    Möchten Sie vielleicht einen separaten mousedown auf .node für einzelne Element Auswahlen.

      $('.node').mousedown(function() {
    $(this).css({background:"#333333"});
  });

    EDIT:

    Hier ist eine alternative Methode mit bind und unbind.

      $(document).mousedown(function() {
      $(".node").bind('mouseover',function(){
          $(this).css({background:"#333333"});
      });
  })
  .mouseup(function() {
    $(".node").unbind('mouseover');
  });

  $('.node').mousedown(function() {
    $(this).css({background:"#333333"});
  });
    Danke Patrick! Funktioniert perfekt.
    +1 - Warum gibt es nicht eine Methode, um zu überprüfen, für mousedown (und anderen Staaten...wir haben Sie für alt, ctrl usw...warum nicht Maus?) ist mir schleierhaft, auch in DOM2, es sei denn, ich habe etwas verpasst in der spec.
    Als Nick Craver bemerkt hatte, wenn die mousedown beginnt über eine .node element, dass man nicht im hintergrund. Ist das geeignet für Sie?
    Ja, es wird gut gehen, danke.
    OK, eins noch, dann habe ich verspreche, ich werde gehen Sie Weg! ;o) um gründlich Zu sein, habe ich noch eine Alternative version mit bind und unbind im Fall, dass Sie nicht wie die Variablen verteilt. Jetzt getan. :o)

    InformationsquelleAutor user113716

Schreibe einen Kommentar