JavaScript dentro de <img title=" <a href='#' onClick='alert('Hello World!')>The Link</a> " /> posible?

Question

<img title="<a href='#' onClick='alert('Hello World!')>The Link</a>" /> 

Tengo una pregunta específica ... Ya sé que puedo trabajar con atributos dentro de un atributo TITLE ... ¿Pero puedo trabajar con eventos dentro de un atributo TITLE?

(por cierto - que parece un código de basura, pero esto ya funciona como es debe en mi proyecto web -. Sólo necesito una manera de utilizar algunos javascript en este enlace envainada)

UTILIZO Jquery marco de referencia.

Answer 1

No, esto es, como usted dice "código basura". Si funciona como debe, es porque los navegadores intentan "leer la mente del escritor", en otras palabras, tienen algoritmos para tratar de dar sentido al "código de basura", adivinar el intento probable y cambiarlo internamente en algo que en realidad tiene sentido.

En otras palabras, su código solo funciona por accidente, y probablemente no en todos los navegadores.

¿Es esto lo que estás tratando de hacer?

<a href="#" onClick="alert('Hello World!')"><img title="The Link" /></a> 

Answer 2

no, no se puede hacer eso, pero se puede utilizar controladores de eventos para cambiar el título:

<img src="foo.jpg" onmouseover="this.title='it is now ' + new Date()" /> 

Answer 3

Soy mi navegador, esto no funciona en absoluto. El campo de información sobre herramientas no muestra un enlace, pero <a href='#' onClick='alert('Hello World!')>The Link</a>. Estoy usando FF 3.6.12.

Tendrás que hacer esto a mano con JS y CSS. Comience here

Answer 4

Al hacer clic en la imagen que obtendrá la alerta:

<img src="logo1.jpg" onClick='alert("Hello World!")'/> 

si esto es lo que desea.

Answer 5

<img title="<a href="javascript:alert('hello world')">The Link</a>" />