jquery中文本框按下回车键执行事件的代码如何写

  • html+jquery
  • 代码编纂器:Zend Studio 12.5.1

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery中文本框按下回车键执行事务的代码若何写。

    f9198618367adab4515dca2f84d4b31c8601e4c9.jpg
  2. 2

    在test.html文件中,在p标签内,利用input标签建立一个文本框,用于输入内容。

    3c6d55fbb2fb43162947ab162fa4462309f7d306.jpg
  3. 3

    在test.html文件中,设置input元素的id属性为tsinput,本家儿要用于下面经由过程该id获得文本框对象。

    d31b0ef41bd5ad6e3e2ab5868ecb39dbb7fd3c8f.jpg
  4. 4

    在test.html文件中,编写标签,页面的js代码将写在该标签内。

    6c224f4a20a446234192740e9722720e0cf3d706.jpg
  5. 5

    在js标签内,经由过程id(tsinput)获得input对象,经它绑定keydown事务,当按键按下时,触发该事务,执行function()方式。

    2f738bd4b31c8701813b638a287f9e2f0608ffc9.jpg
  6. 6

    在function()方式内,利用if语句判定当前的keyCode是否等于13,若是keyCode等于13,则申明是回车键按下了,利用alert()方式提醒“您按下了回车键”。

    8ad4b31c8701a18ba666c323912f07082938fec9.jpg
  7. 7

    在浏览器打开test.html文件,在输入框按下回车键,查看实现的结果。

    50da81cb39dbb6fdba88344a0624ab18962b378f.jpg
  • 发表于 2019-12-23 17:00
  • 阅读 ( 853 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具