Saltar al contenido

¿Cómo se configura un evento onclick de JavaScript en una clase con css?

Recuerda que en la informática un error suele tener diversas resoluciones, no obstante mostraremos lo más óptimo y mejor.

Solución:

No puede hacerlo solo con CSS, pero puede hacerlo con Javascript y (opcionalmente) jQuery.

Si quieres hacerlo sin jQuery:


Y hacerlo sin jQuery, y solo en una clase específica (ej: hohoho):


Si está de acuerdo con el uso de jQuery, puede hacer esto para todos los anclajes:


Y este fragmento de jQuery para aplicarlo solo a anclas con una clase específica:


Puedes hacer esto pensando en ello un poco diferente. Detectar cuando se hace clic en el cuerpo (document.body.onclick - es decir, cualquier cosa en la página) y luego verifique si el elemento hizo clic (event.srcElement / e.target) tiene una clase y ese nombre de clase es el que desea:

document.body.onclick = function(e)    //when the document body is clicked
    if (window.event) 
        e = event.srcElement;           //assign the element clicked to e (IE 6-8)
    
    else 
        e = e.target;                   //assign the element clicked to e
    

    if (e.className && e.className.indexOf('someclass') != -1) 
        //if the element has a class name, and that is 'someclass' then...
        alert('hohoho');
    

O una versión más concisa de lo anterior:

document.body.onclick= function(e)
   e=window.event? event.srcElement: e.target;
   if(e.className && e.className.indexOf('someclass')!=-1)alert('hohoho');

Podrías hacerlo con jQuery.

$('.myClass').click(function() 
  alert('hohoho');
);

Si posees algún recelo o forma de reformar nuestro sección te proponemos realizar un exégesis y con mucho placer lo observaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *