Faire un lien cliquable avec onclick mais sans href = #?

J'ai un ensemble de cliquable identifiants sur ma page. Environ une centaine, comme "cat1', 'cat2', 'dog1', 'dog2', 'dog3", etc. Ensuite, j'ai un function IDClick(id) {}

J'ai besoin de ces identificateurs cliquable en HTML, pour réaliser que j'ai utilisé <a> tag avec onclick

<a onclick=IDClick(id)>id</a>

maintenant ça fonctionne, mais le curseur ne change pas quand on les survole l'élément cliquable.

Donc j'essaie d'ajouter href=#

<a href=# onclick=IDClick(id)>id</a>

Maintenant le curseur est OK, mais lorsque je clique sur l'élément, l'URL dans la barre d'adresse du navigateur va changer. Ce n'est pas désiré.

Comment obtenir le mélange de comportement?

Je n'ai pas besoin de souligner que bien.

source d'informationauteur exebook

  1. 15

    Vous pouvez utiliser les CSS pour forcer le curseur pour changer sur le vol stationnaire de l'élément cliquable:

    .myClickableThingy {
    cursor: pointer;
}

    Et puis vous pouvez revenir à <span>s ou quelle que soit l'élément que vous utilisiez avant de <a> balises.

  2. 14

    Vous avez besoin d'arrêter le navigateur de faire c'est l'action par défaut.

    <a href="#" onclick="IDClick(id);event.preventDefault();">id</a>

    Lorsque vous cliquez sur un lien, l'action par défaut est d'aller à cette adresse. event.preventDefault(); empêche le navigateur de faire l'action par défaut.

  3. 2

    Donner votre point d'ancrage de l'élément a de la classe et le style pour obtenir ce dont vous avez besoin:

    <a class='kinda-link' onclick='whatevs()'>Hi I'm a kinda-link</a>

    Et votre css:

    a.kinda-link:hover { cursor: pointer; }