chamar a function javascript no clique do hyperlink

Eu estou criando dinamicamente um hiperlink no código c # por trás do arquivo do ASP.NET. Eu preciso chamar uma function JavaScript no clique do cliente. Como eu faço isso?

Mais limpo ainda, em vez do typical href="#" ou href="javascript:void" ou href="whatever" , acho que isso faz muito mais sentido:

 var el = document.getElementById('foo'); el.onclick = showFoo; function showFoo() { alert('I am foo!'); return false; } Show me some foo 

Se o Javascript falhar, há algum feedback. Além disso, o comportamento errático (page jumping no caso de href="#" , visitando a mesma página no caso de href="" ) é eliminado.

A resposta mais simples de todas é …

Com o parâmetro onclick …

 mylink 

A resposta do JQuery. Como o JavaScript foi inventado para desenvolver o JQuery, estou dando um exemplo no JQuery fazendo isso:

   

Idealmente, eu evitaria gerar links no código por trás dele, já que seu código precisará ser recompilado toda vez que você quiser fazer uma alteração na ‘marcação’ de cada um desses links. Se você tiver que fazer isso, eu não incorporaria suas chamadas de javascript dentro do seu HTML, é uma má prática, sua marcação deve descrever seu documento não o que ele faz, esse é o trabalho do seu javascript.

Use uma abordagem em que você tenha um ID específico para cada elemento (ou class se sua funcionalidade comum) e, em seguida, use Aprimoramento progressivo para adicionar o manipulador de events, algo como:

 [c# example only probably not the way you're writing out your js] Response.Write("My Link"); [Javascript] document.getElementById('uxAncMyLink').onclick = function(e){ // do some stuff here return false; } 

Dessa forma, seu código não será quebrado para usuários com o JS desativado e terá uma clara separação de interesses.

Espero que seja de uso.

Eu prefiro usar o método onclick em vez do href para hiperlinks em javascript. E sempre use alertas para determinar o valor que você tem.

Link

Também pode ser usado em tags de input, por exemplo.

Eu geralmente recomendo usar element.attachEvent (IE) ou element.addEventListener (outros navegadores) sobre a configuração do evento onclick diretamente, pois o último replaceá todos os manipuladores de events existentes para esse elemento.

attachEvent / addEventListening permite que vários manipuladores de events sejam criados.

Use o atributo HTML onclick .

O manipulador de events onclick captura um evento de clique do botão do mouse dos usuários no elemento ao qual o atributo onclick é aplicado. Essa ação geralmente resulta em uma chamada para um método de script, como uma function JavaScript […]

Se você não esperar que a página seja carregada, não poderá selecionar o elemento por id. Essa solução deve funcionar para qualquer pessoa que tenha problemas para executar o código

  Delete Document 
    Intereting Posts