进入时超越链接

Question

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

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

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

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