javascriptでデフォルトのリンクを設定するにはどうすればよいですか？

debugcn 投稿 Dev

LeventeGalgóczi

モーダルでデフォルトのリンクを設定しようとしましたが、機能しません（javascriptは非常に新しいです）。

これは私の完全なコードです：

    <a href="#my-id" data-uk-modal="{center:true}"></a>
    <button class="md-btn md-btn-success" id="openmodal" data-uk-modal="{target:'#my_id', keyboard: false, bgclose: false}" style="display:none !important;"></button>

    <div class="uk-modal" id="my_id">  
       <div class="uk-modal-dialog">
           <div class="uk-modal-header">
              <div uk-grid class="uk-grid">
                <div class="modal-block">
                 <h3>Project</h3>
    <b>project description, lorem ipsum... <a href="https://www.instagram.com/user/">instagram</a></b>
             </div>
               <div class="modal-block">
               <h3>Terms</h3>
    <b>terms description</b>
              </div>
               <div class="modal-block">
                <h3>Cookies</h3>
    <b>cookies description</b>
               </div>
           </div>
         </div>

                    <div class="uk-modal-footer uk-clearfix">
                    <a id="default-link" uk-tooltip="{title: okay, i accept!; pos: bottom}" class="us--main-button uk-float-right entersite uk-modal-close" href="javascript:void(0)">Accept and enter</a>
                    <a  id="dont-def" uk-tooltip="{title: I do not agree!; pos: bottom}" class="us--leave-button uk-float-right" href="https://google.com">Deny and leave</a>
         </div>
      </div>
    </div>


    <script>
     $(document).ready(function(){
       $('#openmodal').trigger('click');
    })  
    </script>
    <script>
    window.onload = function() {
       document.getElementById("default-link").focus();
    };
    </script>

いずれかのブラウザでページを開くと、デフォルトで表示されるリンクが最初（Instagram）になります...これの何が問題になっていますか？

Ason

このコードは、リンクフォーカスを与える場合に機能しますが、Enterキーを押す（またはクリックする）と、アクションをキャンセルしたため、何も起こりません。 href="javascript:void(0)"

これは、が機能することを示すサンプルですfocus()。

「コードスニペットの実行」をクリックして「Enter」を押すと、アラートが表示されます。

window.onload = function() {
    document.getElementById("default-link").focus();
};

<div class="uk-modal" id="my_id">
  <div class="modal-block">
    lorem ipsum... <a href="https://www.instagram.com/user/">instagram</a>
  </div>
  <div class="modal-footer">
    <a id="default-link" class="uk-modal-close" href="javascript:alert('Accept')">Accept and enter</a>
    <a class="uk-float-right" href="https://google.com">Deny cookies and leave</a>
  </div>
</div>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]