1

別の質問では、誰かが画像をフォーカス可能にすることができると提案していますか？どうすればこれを達成できますか？

詳しくは：

他の質問では、クエンティンは言います：

 var img= $("#my-image-id");
    image.click(function() {
    // your code here
    }

これをしないでください。画像はフォーカスできなくなります（画像はインタラクティブなコントロールとして設計されていないため）。（たとえば）キーボードを使用して（マウスのようなポインティングデバイスの代わりに）ページ内を移動する人は、画像に移動してコントロールをアクティブにすることはできません。

他の誰かが言う：

「フォーカス」を維持したい場合（タブサポートがあると仮定します）、ボタンとしてシングルを使用する場合（の有無にかかわらず）、適切な場合に画像をフォーカス可能にするためにJSコードを追加する必要がありますタブが押されました。したがって、同じことを行うには、もう少しコードを作成する必要があります。

4

2 に答える 2

4

tabindex画像（または任意の要素）をフォーカス可能にするには、属性を追加するだけです。

<img src="myimage.png" tabindex="1" />

clickただし、画像をイベントに応答させるためだけに特別な処理を行う必要はないことに注意してください。

于 2013-01-11T08:44:27.850 に答える
0

imgの中に置くだけbuttonです。

したがって、フォーカスはボタンに到達し、クリックイベントをボタンにバインドできますが、画像にフォーカスがあるように見えます。

于 2013-01-11T08:45:15.907 に答える