Was sind die Mausereignismethoden in JQuery?

Die Mausereignismethoden in jquery sind: 1. Click(), das ein Linksklick-Ereignis auslösen kann; 2. contextmenu(), das ein Rechtsklick-Ereignis auslösen kann; Doppelklick-Ereignis; 4. Mousedown(), das das Maus-Druckereignis auslösen kann; 5. Mousemove(), das das Mausbewegungsereignis auslösen kann; mouseenter(), das die Mausbewegung bei Ereignissen usw. auslösen kann.

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

JQuery-Mausereignisorganisation

1. Click: Linksklick, Rechtsklick

.Click(): Linker Mausklick

ist an das JavaScript-Ereignis „click“ gebunden. click"-Ereignis für das Element. (Unterstützt Touchscreen-Tab-Ereignisse)

.contextmenu(): Wenn die Maus mit der rechten Maustaste auf die

Rechtsklick-Menüschaltfläche klickt, kann das Rechtsklick-Menü abgelehnt werden.

2. Doppelklick

.dblclick(): Doppelklick-Auslöser

3. Maus gedrückt, Maus losgelassen

.mousedown(): Maus gedrückt

.mouseup(): Maus losgelassen

4. Mausbewegung

.mousemove(): Mausbewegung

5. Mauseingabe, Mausbewegung raus

.mouseenter(): Wird ausgelöst, wenn sich die Maus in ein Element bewegt.

.mouselevave(): Wird ausgelöst, wenn sich die Maus aus einem Element herausbewegt.

.mouseout(): Wird ausgelöst, wenn sich die Maus aus einem Element herausbewegt, und wird auch ausgelöst, wenn sich die Maus in die untergeordneten Elemente hinein und aus diesen heraus bewegt.

.mouseover(): Wird ausgelöst, wenn sich die Maus in ein Element bewegt, und auch, wenn sich die Maus in seine untergeordneten Elemente hinein und aus diesen heraus bewegt.

6. Scrollen mit dem Mausrad

Die integrierte JQuery-Bibliothek unterstützt es nicht. Es gibt Erweiterungsbibliotheken, die Radereignisse unterstützen.

7. Andere erweiterte JQuery-Ereignisse

.hover(): Binden Sie die beiden Ereignisfunktionen von Mouseenter/Mouselave an das entsprechende Element, das ausgeführt wird, wenn der Mauszeiger das Element betritt bzw. verlässt. Binden Sie eine einzelne Ereignisfunktion an das entsprechende Element, die ausgeführt werden soll, wenn der Mauszeiger das Element betritt und verlässt.

.toggle(): Binden Sie zwei oder mehr Handler an übereinstimmende Elemente, um sie bei abwechselnden Klicks auszuführen.

Maus-Ereignisparameter

Allgemeine Ereignisparameter

• event.type: Ermitteln Sie den Ereignistyp, den Ereignistyp des Auslöseelements

• event.pageX und event.pageY : Holen Sie sich die Maus. Die aktuellen Koordinaten relativ zur Seite können den Koordinatenwert des Elements auf der aktuellen Seite bestimmen, der auf der Seite als Referenzpunkt basiert und sich mit der Bewegung des Schiebereglers nicht ändert

• event.target: Holen Sie sich das Element, das das Ereignis auslöst

Der Unterschied zwischen this und event.target:

Ereignisse in js werden sprudeln, daher kann sich dies ändern, aber event.target ändert sich nicht . Es wird immer das Ziel-DOM-Element sein, das das Ereignis direkt akzeptiert event.which

event.currentTarget
• : Rufen Sie das DOM-Objekt des aktuellen auslösenden Ereignisses vor dem Bubbling ab, was diesem äquivalent ist
event .preventDefault()
• : Standardverhalten verhindern Sie können event.isDefaultPrevented() verwenden, um zu bestimmen, ob dies verhindert wird wurde aufgerufen.
event.stopPropagation(): Um zu verhindern, dass Ereignisse im DOM-Baum sprudeln, können Sie event.isPropagationStopped() verwenden. um festzustellen, ob stopPropagation aufgerufen wurde. click-Ereignis: Mausklick-Ereignis

• <script>
      $('p').click(function(){
          alret('被点击一次')
      })
  </script>

  Nach dem Login kopieren
  mousedown-Ereignis: Mausdruck-Ereignis

  <script>
      $('p').mousedown(function(){
          alret('鼠标按下一次')
      })
  </script>

  Nach dem Login kopieren
mouseenter-Ereignis: Mauseingabe-Ereignis

• <script>
      $('p').mousedown(function(){
          alret('鼠标进入一次')
      })
  </script>

  Nach dem Login kopieren
  mouseleave Ereignis: Mausbewegungsereignis

  <script>
      $('p').mousedown(function(){
          alret('鼠标离开一次')
      })
  </script>

  Nach dem Login kopieren
mousemove Ereignis: Mausbewegungsereignis

<script>
    $('p').mousedown(function(){
        alret('鼠标移动了') // 注意这个事件是根据鼠标的位置发生变化，意思就是，你移动一次鼠标他就出触发一次
    })
</script>

mouseout Ereignis: Mausbewegungsereignis

$("p").mouseout(function(){
  $("p").css("background-color","#E9E9E4"); // 注：鼠标移开用户指定的某个元素的时候会触发这个事件
});

$("p").mouseout(function(){
  alret('鼠标升起'); // 注：用户在点击完左键之后，松开左键会触发此事件
});

]click事件：鼠标的点击事件

mousedown事件：鼠标按下事件

mouseenter事件：鼠标进入事件

mouseleave事件：鼠标离开事件

mousemove事件：鼠标移动事件

mouseout事件：鼠标移开事件

mouseup

Das obige ist der detaillierte Inhalt vonWas sind die Mausereignismethoden in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!