javascript - 显示占位符，直到用户输入不带空格的文本

Question

考虑以下 HTML 代码。当用户开始输入任何字符(包括空格)时，占位符会立即消失。

<input type="text" id="name"  placeholder="Enter Your Name"/>

有没有办法让占位符在用户输入不带空格的文本之前可见？

Answer 1

当键为空格时，您可以处理 keydown 事件以停止它。

document.getElementById("name").addEventListener("keydown", function(e) {
  if(document.getElementById("name").value.length === 0 && e.key === ' ') {
    if(e.preventDefault) { e.preventDefault(); }
    else { e.returnValue = false; }
  }
});

<input type="text" id="name"  placeholder="Enter Your Name"/>