在jquery中 , 可以通过keydown事件监听文本框的操作 , 当按下回车键时 , 使用blur()方法让文本框失去焦点 。 下面小编举例讲解jquery怎样实现在文本框内按回车键时失去焦点 。
文章插图
需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery如何实此刻文本框内按回车键时掉去核心 。
文章插图
2在test.html文件内 , 引入jquery.min.js库文件 , 当作功加载该文件 , 才能利用jquery中的方式 。
文章插图
3在test.html文件内 , 利用input标签建立一个输入框 , 并设置其id为myinput , 本家儿要用于下面经由过程该id获得input对象 。
文章插图
4【jquery怎样实现在文本框内按回车键时失去焦点】在js标签内 , 利用ready()方式在页面加载完当作时 , 执行function函数 , 下面将在function函数内实现绑定keydown事务 。
文章插图
5在function函数内 , 经由过程id(myinput)获得文本框对象 , 给它绑定keydown事务 , 当按下键盘按键时 , 触发事务执行function函数 。
文章插图
6在keydown事务的function函数内 , 利用if语句判定keyCode是否为13(回车键的keyCode为13) , 若是if前提当作功 , 则利用blur()方式让文本框掉去核心 。
文章插图
7在浏览器打开test.html文件 , 点击文本框 , 按回车键 , 查看实现的结果 。
文章插图
文章插图
总结:11、建立一个test.html文件 。
2、在文件内 , 利用input标签建立一个输入框 , 并设置其id为myinput 。
3、利用ready()方式在页面加载完当作时 , 执行function函数 , 在function函数内 , 经由过程id(myinput)获得文本框对象 , 给它绑定keydown事务 , 当按下键盘按键时 , 触发事务执行function函数 。
4、在keydown事务的function函数内 , 利用if语句判定keyCode是否为13(回车键的keyCode为13) , 若是if前提当作功 , 则利用blur()方式让文本框掉去核心 。
注重事项当按钮被按下时,发生 keydown 事务 。
以上内容就是jquery怎样实现在文本框内按回车键时失去焦点的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 夏天去水上乐园需要怎样准备?
- 微博中怎样查看我的收藏
- 文本文档怎么改格式,怎样修改文本文档的格式
- 丽纹龙蜥价格
- 曼陀罗花怎样养
- 怎样用蔬菜跟水果来作画?
- 怎样在photoshop中给图片添加网状素描效果
- 怎样在Edraw Max中创建紫色后退双箭头
- 怎样自己做杨梅汤
- 什么东西最养胃,怎样养胃?