javascript - 提交时触发事件

Question

在新闻通讯注册表单中，我希望在最终用户按回车键后电子邮件消失。我已经添加了 JS 来隐藏和取消隐藏占位符文本。

代码:

<form id="form" action="https://xxxx.com/subscribe/post-json?u=xxx&id=xx&c=?" method="GET">
  <input type="hidden" name="u" value="xxx">
  <input type="hidden" name="id" value="xxx">
  <input id="email" type="EMAIL" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" placeholder= "Type your email and press enter">
  <p id="response"></p>
</form>

还有 JS:

<script >

 var text = document.getElementById("email");  

    text.onfocus = function() {
        if ( text.placeholder == "Type your email and press enter") {
            text.placeholder = "";
        }      
    };    
    text.onblur = function() {
        if ( text.placeholder == "") {
            text.placeholder = "Type your email and press enter";
        }
    };
</script>

我尝试创建一个函数来触发事件，但仍然不起作用:

 function checkEnter(event)
{
   if (event.keyCode == 13) {text.placeholder = "cool";}
};

你们能看出我的代码有什么问题吗？

谢谢。

Answer 1

您需要为enter键添加一个事件监听器。您可以删除您的函数 checkEnter 并使用它:

document.querySelector('#email').addEventListener('keypress', function (e) {
  var key = e.which || e.keyCode;
  if (key == 13) {
    text.placeholder = "cool";
  }
};