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

html+jquery
代码编纂器:Z Studio 12.5.1
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery中文本框按下回车键执行事务的代码若何写 。

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

7【jquery中文本框按下回车键执行事件的代码如何写】在浏览器打开test.html文件 , 在输入框按下回车键 , 查看实现的结果 。

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

文章插图


以上内容就是jquery中文本框按下回车键执行事件的代码如何写的内容啦 , 希望对你有所帮助哦!

    推荐阅读