ITPub博客

首页 > IT职业 > IT图书 > 理解onkeypress事件【案例1:用户无法再输入框里输入数字】

理解onkeypress事件【案例1:用户无法再输入框里输入数字】

IT图书 作者:jhmaple 时间:2021-09-09 09:02:56 0 删除 编辑

本程序源代码可在“W3C”网站下载,下文是以此源代码作为案例来分析


Type some text (numbers not allowed):

重点理解:“这里的return”

input type="text" onKeyPress="return noNumbers(event)"
【这里的return是做一个判断,一般情况下,noNumbers()方法里会return false或者return true,这个时候外面的return就会起作用,如果方法里面return true,那么js代码中后续操作会继续执行。如果是return false那么js代码中后续操作就不会执行】

代码分析【这里感谢“磁单极”同学的帮忙,援助。】

当在文本框里按下一个按键时,会调用noNumbers(event)函数。函数内定义三个变量,“keynum”是用来接收键盘按键的Unicode值,Keychar是把Unicode值返回成字符串赋值给它,numcheck是用来匹配一个数字字符【0-9】,通过"if......else if"语句兼容浏览器获得键盘按键的Unicode值。返回字符串中不符合“numcheck”库的字符【即如果是数字就return false失效,非数字return true】
图片描述
本代码知识点:【详解见后续文章】
1."window.event"

  1. "keyCode"
    3."which"
    4."fromCharCode"
  2. "test"
  3. "/ d/"

代码知识点更新情况:
text()方法。【也更新,敬请围观、评论。】

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1678/viewspace-2807816/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    547
  • 访问量
    6032