web-dev-qa-db-ja.com

<img title = "<a href = '#' onClick = 'alert(' Hello World! ')>リンク</a>" />内のJavaScriptは可能ですか?

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

特定の質問があります。TITLE属性内の属性を操作できることは既に知っています。しかし、TITLE属性内のイベントを操作できますか?

(ところで-それはゴミのコードのように思えますが、これは既に私のWebプロジェクトで正常に機能しています-この被覆されたリンクでJavascriptを使用する方法が必要です。)

私はJqueryフレームワークを使用しています。

14
Tomkay

いいえ、これは「ごみコード」と言うとおりです。正常に動作するのは、ブラウザが「作家の心を読み取ろう」とするためです。つまり、「ごみコード」の意味を理解し、意図を推測し、それを実際に何かに内部的に変更しようとするアルゴリズムがあります。理にかなっています。

言い換えると、コードは偶然にしか機能せず、おそらくすべてのブラウザで機能するとは限りません。

これはあなたがやろうとしていることですか?

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

画像をクリックすると、アラートが表示されます:

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

これがあなたの望むものなら。

13
Naim Zard

私のブラウザでは、これはまったく機能しません。ツールチップフィールドにはリンクは表示されませんが、<a href='#' onClick='alert('Hello World!')>The Link</a>が表示されます。 FF 3.6.12を使用しています。

JSとCSSを使用して、これを手動で行う必要があります。開始 ここ

5
joni

いいえ、できませんが、イベントハンドラーを使用してタイトルを変更できます。

<img src="foo.jpg" onmouseover="this.title='it is now ' + new Date()" /> 
2
<img title="<a href="javascript:alert('hello world')">The Link</a>" /> 
1
ICTMitchell