【问题标题】:Filter Input type number using javascript使用javascript过滤输入类型号
【发布时间】:2016-12-05 07:22:40
【问题描述】:

第一次输入时如何输入“2”? 可以使用 JavaScript 吗?

<input type="number"/>

启动时只有“2”不能输入。 任何身体帮助?谢谢。

【问题讨论】:

标签: javascript jquery input numbers


【解决方案1】:

$('input').keypress(function(evt) {
  if (evt.which == "2".charCodeAt(0) && $(this).val().trim() == "") {
    return false;
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number"/>

【讨论】:

  • 感谢您的帮助@Amadan :)
  • 好吧,获取 jQuery 只是为了附加 evet 并从元素中获取价值,这是一种矫枉过正的做法(而且不是小事)。代替$('input') 使用document.querySelector,代替keypress 使用addEventListener('keypress'。而不是$(this).val() 使用this.value,你很高兴。我刚刚为您保存了一整套不必要的(在您的情况下)代码。更重要的是,在每次调用 $(this) 时,您都会创建一个新的 jQuery 对象实例——而不是简单地从元素属性中获取值。
  • @grzesiekgs:OP 在他的标签中指定了jquery,我用 jQuery 回答。我想这不是他在他的项目中唯一拥有的东西,而且混合风格很奇怪。如果没有那个标签,我会用普通的 JS 来回答。
  • 没错,错过了 jQuery 部分!尽管如此,只是为了他的信息 - jQuery 只是可选的。
猜你喜欢
  • 2015-05-07
  • 1970-01-01
  • 1970-01-01
  • 2021-11-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-05-28
相关资源
最近更新 更多