alterar o cursor para o ponteiro do dedo

Eu tenho isso ae não sei se preciso inserir o "onmouseover" para que o cursor mude para o ponteiro do dedo como um link comum:

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>

Eu li em algum lugar que eu preciso colocar:

onmouseover="cursor: hand (a pointing hand)"

Mas não está funcionando para mim.

Além disso, não tenho certeza se isso é considerado JavaScript, CSS ou apenas HTML.

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>

É css.

Ou em uma folha de estilos:

a.menu_links { cursor: pointer; }

Você pode fazer isso em CSS:

a.menu_links {
    cursor: pointer;
}

Este é realmente o comportamento padrão para links. Você deve, de alguma forma, substituí-lo em outro lugar no seu CSS ou não há nenhum hrefatributo nele (está faltando no seu exemplo).

Eu gosto de usar este se tiver apenas um link na página:

onMouseOver="this.style.cursor='pointer'"

em css write

a.menu_links:hover{ cursor:pointer}

Aqui está algo legal se você quiser ir além com isso. no URL, você pode usar um link ou salvar uma imagem png e usar o caminho. por exemplo:

url ('assets / imgs / theGoods.png');

abaixo está o código:

.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}

Portanto, isso funcionará apenas com o tamanho 128 X 128, maior e a imagem não será carregada. Mas você pode usar praticamente qualquer imagem que desejar! Isso seria considerado puro css3 e alguns html. tudo o que você precisa fazer em html é

<div class='cursor'></div>

e somente nessa div, esse cursor será exibido. Então eu costumo adicioná-lo à tag body.

Penso que a "melhor resposta" acima, embora programaticamente precisa, não responde de fato à pergunta. a pergunta pergunta como alterar o ponteiro no evento do mouseover. Eu vejo posts sobre como alguém pode ter um erro em algum lugar e não está respondendo à pergunta. Na resposta aceita, o evento mouseover está em branco ( onmouseover="") e a opção de estilo, em vez disso, está incluída. Desconcertante porque isso foi feito.

Pode não haver nada de errado com o link do solicitante. considere o seguinte html:

<a id=test_link onclick="alert('kinda neat);">Click ME!</a>

Quando um usuário passa o mouse sobre esse link, o ponteiro não muda para uma mão ... em vez disso, o ponteiro se comportará como se estivesse pairando sobre o texto normal. Pode-se não querer isso ... e, portanto, o ponteiro do mouse precisa ser instruído a mudar.

a resposta procurada é a seguinte (postada por outro):

<a id=test_link onclick="alert('Nice!');"
       onmouseover="this.style.cursor='pointer';">Click ME!</a>

No entanto, isso é ... um pesadelo, se você tem muitas dessas coisas, ou usa esse tipo de coisa em todo o lugar e decide fazer algum tipo de mudança ou se deparar com um bug. melhor fazer uma classe CSS para isso:

a.lendhand {
  cursor: pointer;
}

então:

<a class=lendhand onclick="alert('hand is lent!');">Click ME!</a>

existem muitas outras maneiras que seriam, sem dúvida, melhores que esse método. DIVs , BOTÕES , IMGs , etc. podem ser mais úteis. Não vejo mal em usá-lo <a>...</a>.

Jarett.

Adicione um hrefatributo para torná-lo um link válido e return false;no manipulador de eventos para impedir que ele cause uma navegação;

<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>

(Ou faça o displayData()retorno falso e ..="return displayData(..)

A solução via CSS puro, conforme mencionado na resposta marcada como a melhor, não é adequada para essa situação.

O exemplo neste tópico não possui o atributo href estático normal, ele está chamando apenas o JS, portanto, ele não fará nada sem o JS.

Portanto, é bom ativar o ponteiro apenas com JS. Então, solução

onMouseOver="this.style.cursor='pointer'"

como mencionado acima (mas não posso comentar lá) é o melhor neste caso. (Mas sim, geralmente, para links normais que não exigem JS, é melhor trabalhar com CSS puro sem JS.)