博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】有的时候我们需要在搜索框中实现当我们输入回车的时候，自动提交数据，省略点击搜索的步骤，这篇文章简要介绍一下通过jQuery实现回车事件 的两个小例子。
通过jQuery的两种方式，bind（）事件和keypress（）事件，效果图如下：
keyCode = 13是回车键
完整代码如下：
<meta charset="utf-8" />
<script src="/style/js/jquery-1.9.1.min.js"></script>
<input type="text" id="content" placeholder="jQuery bind()事件" />
<input type="text" id="c" placeholder="jQuery keypress()事件" />
<script type="text/javascript">
$('#content').bind('keypress',function(event){var content = $(this).val();
if(event.keyCode == '13')
{ alert('您输入的内容是：' + content);}
});
$('#c').keypress(function(event){var c = $(this).val();
if(event.keyCode == '13')
{ alert('您输入的内容是：' + c);}
});
</script>
bind（）事件是通过为指定元素的特定事件绑定事件处理函数，bind（）把keypress（）事件绑定在input元素上。keypress（）事件：当键盘或按钮被按下时，发生 keypress 事件。参数event。
版权归 马富天个人博客 所有
本文标题：《input输入框绑定回车事件两种方式》
本文链接地址：http://www.mafutian.com/152.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶7
踩7
第 1 楼 蒸汽回收机 2016-07-01 09:00:20 山东济南
来过，支持博主一个！
| 评论审核未开启 |
|
||
|