Question

我有两个DIV，分别称为dvCreate和dvLogin，并且每个内部都有一个提交按钮（btnCreate和btnLogin）。

我要在dvLogin中按Enter键时触发btnLogin的点击事件，而在dvCreate中按Enter键时要触发btnCreate的事件单击。

DECODE()

如何通过javascript ot jquery处理此问题？

Answer 1

尝试

$(document).ready(function () {

        $("#dvCreate").keypress(function (e) {
            if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
                $('#btnCreate').click();

            }

    });
        $("#dvlogin").keypress(function (e) {

            if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {

                 $('#btnLogin').click();
            }

                });

    });

Answer 2

document.querySelector('#dvCreate').addEventListener('keypress', (event) => {
    if(event.key==='Enter'){
      event.preventDefault();
      eventHandlerOfDvLogin()
    }  
});

document.querySelector('#dvLogin').addEventListener('keypress', (event) => {
    if(event.key==='Enter'){
      event.preventDefault();
      eventHandlerOfDvCreate()
    }  
});

Answer 3

您可以同时制作这两个div表单，然后使用jquery $('#dvLogin').submit(function(ev) { ev.preventDefault(); /* rest of your code here */ })

控制该表单

这样，无论您按下按钮还是按下输入上的Enter，都将提交表单，然后您可以运行/* */

上方的任何代码。

如何通过javascript或jquery在表单中设置多个默认按钮？

3 个答案: