如何使用JavaScript创建不允许空格的文本框 [英] How create text box which not allow blank space using javascript

问题描述

我是javascript新手，我想创建不允许有空格的文本框，也不想粘贴空格.使用jquery我可以简单地做到这一点，但是我想使用javascript来实现，我的jquery代码在下面，

I am new in javascript I want to create textbox which not allows blank space, I don't want to allow paste blank space also. Using jquery I can do it simply but I want to do it using javascript my jquery code is below,

$("input#UserName").on({
  keydown: function(e) {
    if (e.which === 32)
      return false;
  },
  change: function() {
    this.value = this.value.replace(/\s/g, "");
  }
});

我想用JavaScript做同样的事情，对我有帮助....

I want to do the same thing using javascript help me, please ....

推荐答案

您可以使用addEventListener添加侦听器.您还可以使用onInput合并两个事件.

You can use addEventListener to add listener. You can also use onInput to merge both events.

var text = document.getElementById('txtText');
text.addEventListener('input', function(e){
  var keyCode = e.keyCode ? e.keyCode : e.which;
  this.value = this.value.replace(/\s/g, '')
  if(keyCode === 32) return;
})

<input type='text' id="txtText">

这篇关于如何使用JavaScript创建不允许空格的文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！