jquery怎样实现在文本框内按回车键时失去焦点

在jquery中 , 可以通过keydown事件监听文本框的操作 , 当按下回车键时 , 使用blur()方法让文本框失去焦点 。 下面小编举例讲解jquery怎样实现在文本框内按回车键时失去焦点 。

jquery怎样实现在文本框内按回车键时失去焦点

文章插图

需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery如何实此刻文本框内按回车键时掉去核心 。
jquery怎样实现在文本框内按回车键时失去焦点

文章插图

2在test.html文件内 , 引入jquery.min.js库文件 , 当作功加载该文件 , 才能利用jquery中的方式 。
jquery怎样实现在文本框内按回车键时失去焦点

文章插图

3在test.html文件内 , 利用input标签建立一个输入框 , 并设置其id为myinput , 本家儿要用于下面经由过程该id获得input对象 。
jquery怎样实现在文本框内按回车键时失去焦点

文章插图

4【jquery怎样实现在文本框内按回车键时失去焦点】在js标签内 , 利用ready()方式在页面加载完当作时 , 执行function函数 , 下面将在function函数内实现绑定keydown事务 。
jquery怎样实现在文本框内按回车键时失去焦点

文章插图

5在function函数内 , 经由过程id(myinput)获得文本框对象 , 给它绑定keydown事务 , 当按下键盘按键时 , 触发事务执行function函数 。
jquery怎样实现在文本框内按回车键时失去焦点

文章插图

6在keydown事务的function函数内 , 利用if语句判定keyCode是否为13(回车键的keyCode为13) , 若是if前提当作功 , 则利用blur()方式让文本框掉去核心 。
jquery怎样实现在文本框内按回车键时失去焦点

文章插图

7在浏览器打开test.html文件 , 点击文本框 , 按回车键 , 查看实现的结果 。
jquery怎样实现在文本框内按回车键时失去焦点

文章插图

jquery怎样实现在文本框内按回车键时失去焦点

文章插图

总结: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怎样实现在文本框内按回车键时失去焦点的内容啦 , 希望对你有所帮助哦!

    推荐阅读