jQuery绑定回车事件

最新推荐文章于 2024-07-22 18:05:15 发布

暗黑骑士1

最新推荐文章于 2024-07-22 18:05:15 发布

阅读量4.3k

点赞数 2

分类专栏： jQuery—绑定回车事件文章标签：绑定回车事件回车事件怎么使用如何使用回车事件触发按钮点击回车事件 jQuery 绑定回车事件

本文链接：https://blog.csdn.net/LOVE_HopeOne/article/details/84932176

版权

jQuery—绑定回车事件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

绑定回车事件有两个例子大家可以了解一下：

1. 给 input 类型的输入框，绑定一个回车事件，假如鼠标在input框上面聚焦，那么回车就触发 id为send的button按钮的点击事件。

	//  给 input 类型绑定回车事件
      $('#msg').bind('keypress',function(event){
             if(event.keyCode == "13"){
            	 $("#send").click();
             }
         });

2. 为可编辑的 div（类似input类型），绑定一个回车事件，起到限制 div 因为回车而出现页面崩溃的bug，并触发按钮点击事件。

     //限制可编辑div的  绑定回车事件
       $("#mess").on('keydown',function(event){
       //获取keyCode
       var keyCode = event.keyCode;
       if(keyCode===13){
    	    $("#sendBtn").click();
            event.preventDefault();
       }
       });