0

ビジネス ルールと要件のため、(tabindex を使用せずに) タブ可能で、リンクのように見え、javascript 機能しか持たない (たとえば、Web サービスへの ajax 呼び出しを行う必要がある) 要素が必要です。 URL の末尾に「#」などの特殊文字を含めることはできません。これは、外部規制により非常に厳格に設定されているファイアウォールによってブロックされるためです。また、当社の Web サイトは Sharepoint 内にあるため、href を空にすることはできません。空のままにしておくと、デフォルトのランディング ページにリダイレクトされます。

いくつかの真実と、ある要素を他の要素よりも優先して使用するための議論を含むさまざまな質問に出くわしましたが、それらの質問には、明確な答えがあったとしても満足のいく答えが含まれていませんでした. 例えば：

これらの 2 つの例は完全に満足できるものではありません。最初の例では、1 つの回答に多くの票が集まっていますが、その回答が上記の要件を満たしているかどうかはわかりません。同じ理由で2番目のもの。

要約すると、制限と要件、およびセマンティクスと JavaScript の既知のベスト プラクティスを念頭に置いて、以下のオプションのどれが優先されますか?

<a href="javascript:void(0)" class="action"></a>

また

<a href="" class="action"></a>

また

<a href="javascript;" class="action"></a>

また

<button class="action"></button>

また

<span class="action"></span>

WITH (例) ajax 呼び出し:

<script>

    $('.action').click(function() {
        $.ajax({
            url: "test.html",
            context: document.body
            })
            .done(function() {
                $(this).addClass("done");
            });
        });
    });

</script>

前述のとおり、制限は変更できません。限目。

4

3 に答える 3