在 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