JS preventDefault和unbind不起作用

JS preventDefault and unbind not working

本文关键字：不起作用 unbind preventDefault JS      更新时间：2024-01-06

我正在尝试禁用链接可点击事件，直到页面加载。但它并没有如预期的那样发挥作用。以下是我的代码。

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
         <script type="text/javascript">
             $(document).load(function() {
                 $('a').on("click", function (e) {
                     e.preventDefault();
                 })
             });
         </script>
         <script type="text/javascript">
             $(document).ready(function() {
                 $('a').unbind();
             });
         </script>

你必须以相反的方式来完成你想要的，

$(document).ready(function() {
  //window's load event will be fired after your page loads all resources
  $(window).load(function() {
     //Turn off the bound click event to the anchor tags.
     $('a').off("click");
  });
  //prevent the click over anchor tags.
  $('a').on("click", function (e) {
    e.preventDefault();
  });
});

试试这个：

     <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
     <script type="text/javascript">
         $(document).on("click", 'a', function (e) {
             e.preventDefault();
         });
     </script>
     <script type="text/javascript">
         $(document).ready(function() {
             $('a').off("click");
         });
     </script>

无需等待加载文档。只需先禁用，然后在文档准备好后重新启用它们。

相关文章：