一尘不染

JavaScript KeyCode与CharCode

javascript

问题:

  • 将HTML输入中允许的字符限制为az AZ。
  • 对于业务需求,这需要在KeyPress上完成,以便甚至不允许字符出现在输入中。
  • Tab,Enter,箭头,退格键,Shift键都是允许的。用户必须能够自由地移入和移出文本框,删除字符等。

这是我的代码的起点…

var keyCode = (e.keyCode ? e.keyCode : e.which);

但是,我在 keyCode中 获得的每个值 都不 对应于我在网络上看到的 任何 字符表。例如,字符“ h”给我返回码104。

KeyCode与CharCode不同吗?哪个代码包含控制字符?我需要转换吗?

如何限制输入到az AZ并允许JavaScript中需要的键?


阅读 246

收藏
2020-05-01

共1个答案

一尘不染

…但总而言之:

  • 您可以从中可靠地获取字符信息(与键码信息相对)的唯一事件是keypress事件。
  • 在这种情况keypress下,除IE <= 8以外的所有浏览器都将字符代码存储在事件的which属性中。这些浏览器中的大多数(但不是全部)也将字符代码存储在charCode属性中。
  • 在这种情况keypress下,IE <= 8将字符代码存储在keyCode属性中。

这意味着要获取对应于按键的字符代码,假设按键事件对象存储在名为e

var charCode = (typeof e.which == "number") ? e.which : e.keyCode

通常,这将返回一个字符代码,其中一个存在,否则为0。在某些情况下,您不应该得到非零值:

  • 在Opera <10,50键InsertDeleteHomeEnd
  • 在Konqueror的最新版本中,用于非字符密钥。

第一个问题的解决方法有点复杂,并且也需要使用该keydown事件。

2020-05-01