Heim  >  Artikel  >  Web-Frontend  >  So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

coldplay.xixi
coldplay.xixiOriginal
2020-12-07 16:23:124233Durchsuche

Beurteilungsmethode: Verwenden Sie zuerst das Attribut onmouseover, um das Mausereignis an das Div zu binden. Wenn sich die Maus zum Div bewegt, wird das Mausereignis onmouseover ausgelöst, die Funktion myfun() und dann die Funktion warning() ausgeführt. Die Methode in der myfun-Funktion wird ausgeführt und dann wird das Popup ausgelöst. Das Fenster fordert dazu auf, dass sich die Maus über dem Div befindet.

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

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

Empfohlen: JQuery-Video-Tutorial

Wie JQuery ermittelt, ob sich die Maus auf einem Div befindet:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie JQuery ermittelt, ob sich die Maus auf einem Div befindet div.

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

2. Verwenden Sie in der Datei test.html div, um ein Modul zu erstellen und seine ID auf mydiv festzulegen. Verwenden Sie hauptsächlich Folgendes, um seinen CSS-Stil festzulegen.

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

3. Um offensichtliche Effekte anzuzeigen, legen Sie den CSS-Stil des Div über die ID fest, legen Sie die Breite und Höhe des Div auf 100 Pixel fest und stellen Sie die Hintergrundfarbe auf Rot ein.

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

4. Binden Sie in der Datei test.html das Ereignis onmouseover() an das Div. Wenn sich die Maus zum Div bewegt, wird das Ereignis myfun( ausgeführt. )Funktion. onmouseover()事件,当鼠标移到div时,触发事件,执行myfun()函数。

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

5、在js标签内,创建一个myfun()函数,当函数被调用时,执行方法体内的代码。

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

6、在myfun()

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet.

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet5 . Erstellen Sie im js-Tag eine myfun()-Funktion. Wenn die Funktion aufgerufen wird, wird der Code im Methodenkörper ausgeführt.

So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

6 . Verwenden Sie in der Funktion myfun() die Methode „alert()“, um zu bestätigen, dass sich die Maus auf dem Div befindet. So ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet

7. Öffnen Sie die Datei test.html im Browser und bewegen Sie die Maus auf das Div, um die Ergebnisse anzuzeigen. Verwandte kostenlose Lernempfehlungen:

🎜Javascript🎜🎜🎜(Video)🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie mit JQuery, ob sich die Maus auf einem Div befindet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn