HTML umożliwia klikanie tekstu bez tworzenia hiperłącza.

Question

Jestem bardzo nowy w używaniu html i javascript. Chcę dodać możliwość posiadania opcji kliknięcia określonego tekstu i prawidłowego wykonywania javascript. Czy jest jakiś kod referencyjny, na który mogę popatrzeć, lub samouczek, który może mi pomóc?

Answer 1

dla semantyki bym użyć <button> tag tak:

<button class="link">Clicky</button> 

aby przycisk wyglądać jak normalny tekst można użyć CSS:

button.link { background:none;border:none; } 

i łatwość wręczenia kliknij opcję „d użyć jQuery tak:

$(".link").click(function(){ 
    //your JS here 
}); 

ale jeśli masz identyfikator na przycisku można używać zwykłego JS li ke to:

var button = document.getElementById("your-button-id"); 
button.onclick = function(){ 
    //do stuff 
} 

Answer 2

odniesieniu do odpowiednich elementów służących do interaktywnego sterowania, który nie jest gdzieś link jest <button>Label</button> lub (<input type="button" value="Label">). (Zawsze możesz oddzielić obramowanie i tło od CSS).

Można powiązać z nim obsługę zdarzeń click przy użyciu standardowych interfejsów API DOM (lub biblioteki, która je streszcza, na przykład YUI lub jQuery).

Answer 3

umieść tekst w przęśle lub innym elemencie z klasą <span class="yourClass">text</span>, a następnie użyj javascript, aby dodać detektor zdarzeń (najlepiej na końcu html.) Dla zwięzłości pokażę jQuery, choć można to zrobić z natywnym javascript.

<script> 
    $('.yourClass').on('click',function(){ 
    //your javacript 
    }); 
</script> 

Alternatywnie można zrobić przeszukiwać wszystkie strony do wystąpień tego słowa, choć nie polecam, że jak to naprawdę spowolnić.