在Enter时超出链接

Question

我知道标题很奇怪，但让我解释一下我想做什么。 我有一个带有两个输入字段的登录表单，一个复选框和一个提交按钮。这是一个截图：

使用条款是一个弹出窗口，用户可以通过该弹出窗口查看使用条款。我的问题是当用户点击复选框并按下回车按钮时，弹出窗口再次出现。我的愿望是当用户点击复选框并按下回车按钮进入他的主页。这该怎么做？有没有办法在输入时超过打开弹出窗口？

Answer 1

您可以将keydown事件与复选框结合使用并按ENTER键进行测试;

document.querySelector("[type=checkbox]").addEventListener("keydown", function(evt){
   if(evt.keyCode === 13){
      console.log("you pressed ENTER");
      window.location = "http://cnn.com";
   }
});

<input type=checkbox> Click me and then press ENTER

请记住，客户端代码不安全，用户可以绕过此代码。所有安全类型代码都应该在服务器上进行。