jQuery绑定回车事件

最新推荐文章于 2022-03-08 17:20:17 发布

原创最新推荐文章于 2022-03-08 17:20:17 发布 · 4.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#绑定回车事件 #回车事件怎么使用 #如何使用回车事件触发按钮点击 #回车事件 #jQuery 绑定回车事件

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

1 篇文章

订阅专栏

本文介绍两种绑定回车事件的方法：一种是在input输入框上绑定，当聚焦并按下回车时触发按钮点击；另一种是在可编辑div上绑定，避免因回车导致页面崩溃，并同样触发按钮点击。

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

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();
       }
       });