javascript - OnFocus/OnBlur イベントが登録されていません

Question

これを求めるのは本当にばかげていると思いますが、驚くべきことに、すでに1時間頭をぶつけています。コードは次のとおりです。

<div id="img1" onfocus="alert('test');" onblur="alert('test');">
 <img id="image1" name="image1" src="image1.jpg"  alt="Pciture 1">&nbsp;
</div>

どちらのイベント ( Focus/ Blur) も関数を呼び出す必要がありますが、この単純なテスト ( alert) でさえ機能しません。これらのタグは両方とも本文セクションにあり、DOCTYPE定義を変更しようとしましたが、効果はありません。

W3 はエラーを吐き出します:

属性「ONFOCUS」はありません

私の主な目標は、イベントをタグで直接使用することですimgが、何らかの理由でそれも機能しません。

score 8 · Accepted Answer

デフォルトでは、div はインタラクティブな要素ではないため、フォーカスがまったく得られません。フォーカス可能になるようtabindexな属性を divに追加してみてください。tabindex="1"

score 4 · Accepted Answer

<div><img>通常はフォーカスイベントやブラーイベントはありませんが、回避策としてタブインデックスを設定してみてください。ちょっと変ですけどね。

score 2 · Accepted Answer

onfocus イベントは、要素がポインティングデバイスまたはタブナビゲーションによってフォーカスを受け取ると発生します。この属性は、次の要素で使用できます: A、AREA、LABEL、INPUT、SELECT、TEXTAREA、および BUTTON。

ソース: w3c HTML4 仕様

diva も aもimgフォーカスを受け取ることも失うこともできません。これらはインタラクティブな要素ではありません。設定でフォーカスを取得できるようにすることができますtabindex。

div、span、table など、デフォルトではフォーカスできないノードがありますが、tabindex が適用されている場合はフォーカスを受け取ることができます

score 0 · Accepted Answer

W3C バリデーターは正しく、div タグには属性として onfocus または onblur がありません。こちらをご覧ください: http://www.w3schools.com/tags/tag_DIV.asp

score 0 · Accepted Answer

0

多分イベントonmouseoverとonmouseoutあなたが探しているものです

于 2011-05-03T10:00:57.113 に答える

score 0 · Accepted Answer

イベントハンドラーにインライン JS を使用しないでください。代わりに目立たない JavaScriptを使用してください。

score 0 · Accepted Answer

Div タグには、onfocus および onblur イベントはありません。マウスオーバー、マウスアウトなどをお試しください。

score -1 · Accepted Answer

頭をぶつけるのをやめることができます。最初は痛いです。次に、div 要素で onfocus や onblur を使用できません。

リンクを確認してください: W3C

何を達成しようとしていますか？

8 に答える 8