Ich habe dies a
und ich weiß nicht, dass ich es in den "onmouseover" einfügen muss, damit der Cursor wie ein normaler Link zum Fingerzeiger wechselt:
<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>
Ich habe irgendwo gelesen, was ich sagen muss:
onmouseover="cursor: hand (a pointing hand)"
Aber es funktioniert nicht bei mir.
Außerdem bin ich mir nicht sicher, ob dies als JavaScript, CSS oder einfach nur HTML betrachtet wird.
html
css
mouseevent
Dvir Levy
quelle
quelle
Antworten:
Es ist CSS.
Oder in einem Stylesheet:
quelle
onmouseover
wenn es keinehref
Definition gibt. Wenn Sie wie ein Standard - Anker, es ist einehref
Definition, dieonmouseover
nicht notwendig ist .mouseover=""
undstyle="cursor: pointer;"
lassenclass="menu_links"
es wird funktionieren! egal ob drinhref
ist oder nicht.mouseover
Event dort nicht. siehe meinen vorherigen Kommentar zu DnfDSie können dies in CSS tun:
Dies ist eigentlich das Standardverhalten für Links. Sie müssen es entweder an anderer Stelle in Ihrem CSS überschrieben haben oder es enthält kein
href
Attribut (es fehlt in Ihrem Beispiel).quelle
href="#"
, oder verwenden Sie einfach das CSS, wie ich Ihnen gezeigt habe ...Ich benutze diesen gerne, wenn ich nur einen Link auf der Seite habe:
quelle
in CSS schreiben
quelle
Hier ist etwas Cooles, wenn Sie damit die Extrameile gehen wollen. In der URL können Sie einen Link verwenden oder ein Bild-PNG speichern und den Pfad verwenden. beispielsweise:
URL ('Assets / Imgs / theGoods.png');
unten ist der Code:
Dies funktioniert also nur unter der Größe 128 x 128, größer und das Bild wird nicht geladen. Sie können aber praktisch jedes gewünschte Bild verwenden! Dies wäre reines CSS3 und etwas HTML. Alles, was Sie in HTML tun müssen, ist
und nur in diesem div wird dieser Cursor angezeigt. Also füge ich es normalerweise dem Body-Tag hinzu.
quelle
Ich denke, dass die oben genannte "beste Antwort", obwohl programmatisch korrekt, die gestellte Frage nicht wirklich beantwortet. In der Frage wird gefragt, wie der Zeiger im Mouseover-Ereignis geändert werden soll. Ich sehe Beiträge darüber, wie man irgendwo einen Fehler haben kann, der die Frage nicht beantwortet. In der akzeptierten Antwort ist das Mouseover-Ereignis leer (
onmouseover=""
) und stattdessen ist die Stiloption enthalten. Verblüffend, warum dies getan wurde.An dem Link des Anfragenden ist möglicherweise nichts auszusetzen. Betrachten Sie das folgende HTML:
Wenn ein Benutzer mit der Maus über diesen Link fährt, ändert sich der Zeiger nicht in eine Hand. Stattdessen verhält sich der Zeiger so, als würde er über normalem Text schweben. Man möchte das vielleicht nicht ... und so muss der Mauszeiger angewiesen werden, sich zu ändern.
Die gesuchte Antwort lautet: (die von einem anderen gepostet wurde):
Dies ist jedoch ... ein Albtraum, wenn Sie viele davon haben oder diese Art von Dingen überall verwenden und sich entscheiden, eine Art Änderung vorzunehmen oder auf einen Fehler zu stoßen. besser eine CSS-Klasse dafür zu machen:
dann:
Es gibt viele andere Möglichkeiten, die wohl besser wären als diese Methode. DIV s, BUTTON s, IMG s, etc könnte mehr als nützlich erweisen. Ich sehe jedoch keinen Schaden in der Verwendung
<a>...</a>
.Jarett.
quelle
Fügen Sie ein
href
Attribut hinzu, um es zu einem gültigen Link zu machen, undreturn false;
im Ereignishandler, um zu verhindern, dass es eine Navigation verursacht.(Oder machen Sie die
displayData()
Rückgabe falsch und..="return displayData(..
)quelle
Die Lösung über reines CSS, wie in der als am besten gekennzeichneten Antwort angegeben, ist für diese Situation nicht geeignet.
Das Beispiel in diesem Thema hat kein normales statisches href-Attribut, es ruft nur JS auf, daher wird es ohne JS nichts tun.
Es ist also gut, den Zeiger nur mit JS einzuschalten. Also Lösung
wie oben erwähnt (aber ich kann es dort nicht kommentieren) ist das beste in diesem Fall. (Aber im Allgemeinen ist es für normale Links, die kein JS erfordern, besser, mit reinem CSS ohne JS zu arbeiten.)
quelle
quelle