¿Cómo mantener visible el valor del atributo de título después de hacer clic?

Considere el siguiente marcado HTML:

 

En la salida, cuando los usuarios se ciernen sobre la imagen, el valor del atributo de título se muestra en una ventana emergente. Esta es una buena idea para mostrar información a los usuarios.

Sin embargo, esta información se desvanece cuando los usuarios hacen clic en la imagen (tenga en cuenta que los usuarios tienden a hacer clic en lugar de quedarse quieto)

¿Qué puedo hacer (utilizando jQuery, por ejemplo) para mantener la información visible (incluso si el usuario hace clic) tan lejos como el puntero del mouse está en la imagen?

Intenté lo siguiente, pero esto no resolvió este problema:

 jQuery('img[src="http://sofes.miximages.com/javascript/info.png"]').click(function(event){ event.preventDefault(); }); 

EDITAR: ¿Hay alguna manera de hacer “hacer clic es igual a pasar el ratón ” en jQuery?

Tendrás que crear tu propia información sobre herramientas.

  Password should contain 6-10 characters 

No necesitas JavaScript, CSS puro es suficiente:

 img[src=https://stackoverflow.com/questions/7928053/how-to-keep-the-title-attribute-value-visable-after-clicking/info.png] + span { display: none; } img[src=https://stackoverflow.com/questions/7928053/how-to-keep-the-title-attribute-value-visable-after-clicking/info.png]:hover + span { display: inline; } 

Editar: si no quiere tocar su HTML, puede crear la información sobre herramientas con script. Aquí hay un ejemplo de jQuery:

 var img = $("img[src=https://stackoverflow.com/questions/7928053/how-to-keep-the-title-attribute-value-visable-after-clicking/info.png]"); $("").text(img.attr("title")).insertAfter(img); img.attr("title", ""); 

La visualización de los title de img o de los link s depende del navegador y no tiene control sobre él. Si desea tener su propio comportamiento y asegurarse de que este comportamiento sea entre navegadores, deberá:

  1. deshacerse del comportamiento predeterminado del navegador eliminando todos los atributos title y alt
  2. vuelva a implementar su propia información sobre herramientas utilizando una de las muchas bibliotecas disponibles

Buena suerte