在 Internet Explorer 中加载页面时使用 JavaScript 或 jQuery 以编程方式触发按钮单击事件

Question

我有这段代码

window.onload = function () {
    $('#btnFilter').click(function (e) {
        btnFilter(e);
    });
}

该功能适用于单击按钮，但我需要在页面打开时单击该按钮。 我试过 $('#btnFilter').trigger( "click" ); 但按钮仍然没有点击页面打开。 我怎样才能做到这一点？ 我不能只调用该函数，因为我收到错误“无法读取未定义的属性‘currentTarget’”，因为我没有提供任何事件作为参数。

function btnFilter(e) {
    element = e.currentTarget.parentElement;
    //other code
}

Answer 1

你可以这样尝试：

$(document).ready(function(){
    $('#btnFilter').trigger('click');
});

$(document).on('click','#btnFilter',function(e){
    btnFilter(e);
});

function btnFilter(e)
{
    element = e.currentTarget.parentElement;
}

Answer 2

您可以更改“btnFilter”以接受按钮而不是事件：

function btnFilter(element) {
    element = element.parentElement;
    ...
}

$(function() { 
  $("#btnFilter").click(function(e) { btnFilter(this); return false; });

  // Pass the button to the filter operation on load
  btnFilter($("#btnFilter")[0]);
});

或者，直接接受父元素

$(function() { 
  $("#btnFilter").click(function(e) { btnFilter(this.parentElement); return false; });

  // Pass the button parent to the filter operation on load
  btnFilter($("#btnFilter")[0].parentElement);
});

Answer 3

如果你使用 jquery，我会保持它的连贯性，而不是将它与 vanilla javascript 混合使用。 Jquery 解决方案是：

$(document).on("click", "#btnFilter", btnFilter);
$(document).ready(function(){$("#btnFilter").click()});

要么

$(document).on("click", "#btnFilter", btnFilter);
$(document).ready(btnFilter);

在您的解决方案中，错误是事件绑定：当您在页面加载时将事件绑定到#btnFilter时，该元素尚不存在，因此无法触发该功能。

Answer 4

jQuery 解决方案：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").trigger("click");
});
</script>
</head>
<body>

<button onclick="alert('clicked')">Click</button>

</body>
</html>

在 Internet Explorer 中加载页面时使用 JavaScript 或 jQuery 以编程方式触发按钮单击事件

问题描述

4 个解决方案

解决方案1
1 已采纳 2019-11-29 09:36:37

解决方案2
0 2019-11-29 09:26:37

解决方案3
0 2019-11-29 09:27:38

解决方案4
-1 2019-12-02 18:19:20

在 Internet Explorer 中加载页面时使用 JavaScript 或 jQuery 以编程方式触发按钮单击事件

问题描述

4 个解决方案

解决方案1 1 已采纳 2019-11-29 09:36:37

解决方案2 0 2019-11-29 09:26:37

解决方案3 0 2019-11-29 09:27:38

解决方案4 -1 2019-12-02 18:19:20

解决方案1
1 已采纳 2019-11-29 09:36:37

解决方案2
0 2019-11-29 09:26:37

解决方案3
0 2019-11-29 09:27:38

解决方案4
-1 2019-12-02 18:19:20