Exemplo
Alterar o cursor:
document.getElementById("myP").style.cursor = "pointer"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades do cursor ou retorna o tipo de cursor para exibir para o ponteiro do mouse.
Suporte navegador
A propriedade cursor é suportado em todos os principais navegadores.
Sintaxe
Devolver a propriedade cursor:
object .style.cursor
Defina a propriedade cursor:
object .style.cursor= Valores de propriedade Valor Descrição alias O cursor indica um apelido para algo está a ser criado all-scroll O cursor indica que algo pode ser rolada em qualquer direção auto Padrão. O navegador define um cursor cell O cursor indica que uma célula (or set of cells) podem ser seleccionados context-menu O cursor indica que um menu de contexto está disponível col-resize O cursor indica que a coluna pode ser redimensionado horizontalmente copy O cursor indica que algo está a ser copiado crosshair O cursor processar como uma mira default O cursor padrão e-resize O cursor indica que um bordo de uma caixa é para ser movido para a direita (east) ew-resize Indica um cursor de redimensionamento bidirecional help O cursor indica que a ajuda está disponível move O cursor indica que algo está a ser movido n-resize O cursor indica que um bordo de uma caixa é para ser movido para cima (north) ne-resize O cursor indica que um bordo de uma caixa é para ser movido para cima e para a direita (north/east) nesw-resize Indica um cursor de redimensionamento bidirecional ns-resize Indica um cursor de redimensionamento bidirecional nw-resize O cursor indica que um bordo de uma caixa é para ser movido para cima e à esquerda (north/west) nwse-resize Indica um cursor de redimensionamento bidirecional no-drop O cursor indica que o item arrastado não pode ser descartado aqui none No cursor é processado para o elemento not-allowed O cursor indica que a ação solicitada não será executada pointer O cursor é um ponteiro e indica um link progress O cursor indica que o programa está ocupado (in progress) row-resize O cursor indica que a linha pode ser redimensionado verticalmente s-resize O cursor indica que um bordo de uma caixa é para ser movido para baixo (south) se-resize O cursor indica que uma borda de uma caixa é para ser movido para baixo e para a direita (south/east) sw-resize O cursor indica que um bordo de uma caixa é para ser movido para baixo e à esquerda (south/west) text O cursor indica o texto que podem ser selecionados URL Uma vírgula lista de URLs separados para cursores personalizados. Note: Sempre especificar um cursor genérico no final da lista, no caso de nenhum dos cursores definida pelo URL pode ser usada vertical-text O cursor indica-texto vertical que podem ser seleccionadas w-resize O cursor indica que um bordo de uma caixa é para ser movido a esquerda (west) wait O cursor indica que o programa está ocupado zoom-in O cursor indica que algo pode ser ampliado zoom-out O cursor indica que algo pode ser ampliada para fora initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: auto Valor de retorno: Uma corda, que representa o cursor do rato exibido quando o cursor do rato é sobre um elemento CSS Versão CSS2
mais Exemplos
Exemplo
Mostrar todos os cursores disponíveis:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Tente você mesmo "
Exemplo
Devolver o tipo de cursor:
alert(document.getElementById("myP").style.cursor);
Tente você mesmo "
Páginas relacionadas
Referência CSS: cursor property
<Estilo de objeto