聚焦文本框时触发按钮单击并单击输入按钮答案

【问题标题】：Trigger button click when focused textbox and click enter button聚焦文本框时触发按钮单击并单击输入按钮
【发布时间】：2020-03-25 14:48:29
【问题描述】：

我有 2 个文本框和 2 个按钮。这些按钮和文本框相互链接（第一个文本框-第一个按钮/第二个文本框-第二个按钮）。如果用户在 textbox1 中写入内容并按下回车，则回车将激活 button1。如果用户聚焦 textbox2 并按 enter，则 enter 将激活 button2。我尝试了一些方法，但它不起作用。

document.getElementById('<%=txtYonSif.ClientID%>').addEventListener("keyup", function (evente) {
        evente.preventDefault();
        if (event.keyCode === 13) {
            document.getElementById('<%=btnPanelYonetici.ClientID%>').click();
        }
    });
    document.getElementById('<%=txtKulSif.ClientID%>').addEventListener("keyup", function (event) {
        event.preventDefault();
        if (event.keyCode === 13) {
            document.getElementById('<%=btnPanelKullanici.ClientID%>').click();
        }
    });

【问题讨论】：

标签： javascript asp.net

【解决方案1】：

如果你不使用 jQuery，你可以使用 element.dispatchEvent()。如果可以使用 jQuery，请使用 trigger() 函数。

在javascript中使用dispatchEvent

var event = new MouseEvent('click', {
    view: window,
    bubbles: true,
    cancelable: true
});

var myButton = document.getElementById('button_id');
myButton.dispatchEvent(event);

在 jQuery 中使用触发器。

$("#button_id").trigger('click');

【讨论】：

我没有使用 jQuery 并且 dispatchEvent 在我的项目中不起作用。