Überprüfen Sie, ob mousedown-mit einer if-Anweisung?

Ist es möglich, so etwas zu tun:

if ($(this).mousedown() == true) {

Ich dachte, das würde funktionieren aber es funktioniert nicht.

Weitere details: ich bin versucht, um zu überprüfen, ob die Maustaste gedrückt ist, wenn die Maus verlässt eine bestimmte DIV, so dass, wenn die person hält die Maustaste gedrückt, während Sie die Maus verlässt den div, tun Sie dies, ansonsten Tue das.

Möchten Sie wissen, wenn die linke Maustaste nach unten auf ein Element, oder, wenn Sie gerade gedrückt es irgendwo auf der Seite?
Versuchen Sie zu bestimmen, welches Ereignis ausgelöst hat, eine Funktion/Methode?
Aktualisierte Frage, ja Links-Taste nach unten auf die div.
Sind Sie versuchen, um zu sehen, ob jemand ziehen oder die Auswahl eines element/text?
verwenden mousemove-mit e.die == 1;

InformationsquelleAutor android.nick | 2011-10-08

  1. 19

    Die einfachste Möglichkeit, die mir einfällt, ist, zu binden mousedown und mouseup Ereignis-Listener der document - und update-eine Globale variable entsprechend. In der mouseout Ereignis in Ihrem element-Sie können überprüfen Sie den Zustand dieser variable und handeln entsprechend. (Anmerkung: dies setzt Voraus, dass Sie sich nicht sorgen ob oder nicht, die Maus gedrückt, während Sie über die div oder nicht... Sie müssen klären, Ihre Frage rund um das).

    var down = false;
$(document).mousedown(function() {
    down = true;
}).mouseup(function() {
    down = false;  
});
$("#example").mouseout(function() {
    if(down) {
        console.log("down");  
    } 
    else {
        console.log("up");   
    }
});

    Hier ein Beispiel der oben genannten.

    Wäre es problematisch die Verwendung $.data() zu befestigen, die down variable der #example element?
    Nein, überhaupt nicht problematisch. Gute überlegung, um zu vermeiden, dass die Verwendung einer globalen variable.
    Ich denke, wenn dieser Bedarf auf mehr als einem element, zum Beispiel. Das einzige, was ich dachte, war die Geschwindigkeit.
    Vielen Dank für den code! Halten Sie die gute Arbeit.

    InformationsquelleAutor James Allardice

  2. 6

    Beantwortung Ihrer ursprünglichen Frage, ja, das ist möglich. Wenn das mousedown-Ereignis wird ausgelöst über einem element ist das element aktiv wird und ist einstellbar durch den pseudo-Selektor :aktiv. In jQuery wenn nichts ausgewählt ist, wird ein leeres array zurückgegeben, können wir dies zu unserem Vorteil nutzen, in Kombination mit der .Länge-array-Eigenschaft, und schalten Sie den aktiven pseudo-Selektor in eine Prüfung, um zu sehen, wenn die Maus sich über einem bestimmten element oder nicht:

    if ( $('#id:active').length ) {
  //do something
}

    Überprüfen, ob die Maus war unten über ein bestimmtes element an einem bestimmten Punkt in der Zeit ist ein anderes Ereignis und nicht mit dem Titel dieser Frage und sollte geändert werden, könnte ich hinzufügen. Google hat mich hierher gebracht und diese Antwort ist für diejenigen, die unweigerlich Folgen.

    InformationsquelleAutor Joshua Robinson

  3. 1

    http://jsfiddle.net/5HrWF/

    sowas?

    Code:

    <!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>Press mouse and release here.</p>

<script>
    $("p").mouseup(function(){
      $(this).append('<span style="color:#F00;">Mouse up.</span>');
    }).mousedown(function(){
      $(this).append('<span style="color:#00F;">Mouse down.</span>');
    });

</script>

</body>
</html>

    InformationsquelleAutor Dzoki

  4. 0

    Okay, gut, die beste option, die ich dir geben kann ist dieser:
    http://jsfiddle.net/qK8rr/2/

    Das hört sich wie eine kaputte Schallplatte, aber bitte poste deinen code in die Antwort (dies wird als die beste Praxis, die auf SO). :)

    InformationsquelleAutor Ben

  5. 0

    Check out this one.
    http://jsfiddle.net/b1Lzo60n/

    Mousedown-startet einen timer, der überprüft, ob die Maus immer noch down ist nach 1 Sekunde.

    <button id="button">Press me</button>
<div id="log"></div>

    Code:

    var mousedown = false;
var mousedown_timer = '';
$('#button').mousedown(function(e) {
    mousedown = true;
    $('#log').text('mousedown...');
    mousedown_timer = setTimeout(function () {
        if(mousedown) {
            $('#log').text('1 second');
        }
    }, 1000);
}).mouseup(function(e) {
    mousedown = false;
    clearTimeout(mousedown_timer);
    $('#log').text('aborted');
});

    InformationsquelleAutor Richard

Schreibe einen Kommentar