Question

我是javascript的新手我想创建不允许空格的文本框，我也不想允许粘贴空格。使用jquery我可以做到这一点，但我想用javascript做我的jquery代码如下，

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

我想用javascript帮我做同样的事情，请....

Answer 1

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

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">

Answer 2

请使用以下代码检测空间

<input type="text" name="test" id="test">

document.getElementById("test").onkeypress = function (evt) {
        var k = evt ? evt.which : window.event.keyCode;
        if (k == 32) {
            return false;
        }
    }

检测到有害生物事件。请检查以下代码。它将删除空白onblur事件

document.getElementById("test").onblur = function (evt) {
       var x = document.getElementById("test");
       x.value = x.value.replace(/\s/g, "");
}

Answer 3

这里是jQuery代码的转录

＆＃13;

var input = document.getElementById("UserName");
if (input) {
  input.addEventListener('keydown', function(e){
    var key = e.which || e.keyCode;
    if (key === 32) {
      e.preventDefault();
      return false;
    }
  });
  input.addEventListener('change', function(){
    this.value = this.value.replace(/\s/g, "");
  });
}

＆＃13;

<input type="text" id="UserName">

＆＃13;

Answer 4

试试这个，

HTML：

series: [{
        name: 'Project1',
        data: [353.832 / 412.628 * 100]

    }, {
        name: 'Project2',
        data: [31.812 / 412.628 * 100]

    }, {
        name: 'Project3',
        data: [83.966 / 412.628 * 100]

    }, {
        name: 'Project4',
        data: [412.628 / 412.628 * 100]

    }]

Javascript：

<input type="text" value="" maxlength="30" name="email" id="UserName">

演示：Click here

如何使用javascript创建不允许空格的文本框

4 个答案: