javascript - 在资源管理器中防止默认不起作用

Question

点击 li 元素后，我想做一些事情而不是重定向。此代码在所有现代浏览器中都能完美运行，但在资源管理器中却不行。在 ie 中点击后它会重定向我。

如果我想在资源管理器中使用相同的功能，我应该在代码中添加什么？

HTML

<li class="activate-modal">
  <a href="/test.com">Some Text</a>
</li>

JS/jQuery

$(document).ready(function()
{
  showModal();
}

function showModal() {
  $(document).on('click', '[class*="activate-modal"]', openModal);
}

function openModal(e) {
  e.preventDefault ? e.preventDefault() : e.returnValue = false;
  e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

  //some other code
}

Answer 1

您必须将事件处理程序附加到 link 而不是 li 并从链接中删除 href url 以停止重定向

   <li>
      <a href="#" class="someClass">Some Text</a>
    </li>


    $(document).ready(function () {
      $(document).on('click', '.someClass', openModal);
    })

    function openModal(e) {
     e.preventDefault ? e.preventDefault() : e.returnValue = false;
      e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

        alert("show Model")
      //some other code
    }