Question

如果满足给定条件，我试图使用javscript清除html中的文本字段。例如： - 如果用户在文本字段中键入 awesome ，则应重置文本字段（不显示任何空格）。

<html>
<input type="text" id="real" onkeypress="blank()" placeholder="tempo"/><br>
<script>
function blank(){
        if(document.getElementById('real').value=="awesome"){
            real.value='';
        }
}
</script>
</html>

Answer 1

此处real未定义，因此不是

...
real.value = '';
...

这样做

...
document.getElementById('real').value = '';
...

Answer 2

使用变量real存储输入元素并使用onkeyup事件：

function blank() {
   var real = document.getElementById('real');
   if (real.value == "awesome") {
      real.value = '';
   }
}

<input type="text" id="real" onkeyup="blank()" placeholder="tempo" />
<br>

另一个好例子是：

document.addEventListener('DOMContentLoaded', function() {
  var real = document.getElementById('real');
  real.addEventListener('keyup', blank, false);
}, false)

function blank() {
  if (this.value === "awesome") {
    this.value = '';
  }
}

<input type="text" id="real" placeholder="tempo" />
<br>

Answer 3

更改行

real.value=''

到

document.getElementById('real').value = '';

你不能只说“real.value”，因为javascript不知道“真实”是什么。

Answer 4

<html>
<input type="text" id="real" onkeypress="blank()" placeholder="tempo"/><br>
<script>
function blank(){
    var real = document.getElementById('real');
    if(real.value=="awesome"){
        real.value='';
    }
}
</script>
</html>

Answer 5

如果更改事件并使用“ onkeyup” ，输入事件“ onkeypress” 会遇到问题问题将得到解决。

 <html>
<script>
function blank() {
   var real = document.getElementById('real');
   if (real.value == "awesome") {
      real.value = '';
   }
}
</script>
<input type="text" id="real" onkeyup="blank()" placeholder="tempo"/><br>
</html>

清除文本字段值

5 个答案: