jquery 回车事件实现代码


Posted in Javascript onAugust 23, 2011

例子,jquery键盘事件、回车键事件用法。

// 键盘事件
1、keydown() 
keydown事件会在键盘按下时触发. 

2、keyup() 
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 

3、keypress() 
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

// 回车键事件 
// 绑定键盘按下事件  
   $(document).keypress(function(e) {  
    // 回车键事件  
       if(e.which == 13) {  
   jQuery(".confirmButton").click();  
       }  
   }); 
// 上下键事件 
$(document).keydown(function(event){  
  //判断当event.keyCode 为37时(即左方面键),执行函数to_left();  
  //判断当event.keyCode 为39时(即右方面键),执行函数to_right();    if(event.keyCode == 37){  
     to_left();   
  }else if (event.keyCode == 39){   
     to_right();   
  }   
});

说明:由于浏览器键盘按下事件的不同,可能导致部分事件不能正常操作,所以推荐keydown事件进行操作!

Jquery 监视按键,按下回车键触发某方法
<script type="text/javascript"> 
$(function () { 
$('input:text:first').focus(); //把焦点放在第一个文本框 
var $inp = $('input'); //所有的input元素 
$inp.keypress(function (e) { //这里给function一个事件参数命名为e,叫event也行,随意的,e就是IE窗口发生的事件。 
var key = e.which; //e.which是按键的值 
if (key == 13) { 
alert("aaa"); 
} 
}); 
});

问题:
拖了一个Login控件,然后给它转化为template,用于自定义开发。

jquery 回车事件实现代码

下面的代码中,我捕捉到了文本栏的回车按键,这时我要去触发LoginButton来提交登录信息进行验证,可是我使用$("[id$=LoginButton]").click();只在firefox上有效,在IE无效,歪打正着的尝试一下$("[id$=LoginButton]").focus();  ,这个可以在IE上起效,在IE上focus()即完成了对焦又执行了点击,不解啊。呵呵~

$inp.keypress(function (event) {
    var key = event.which;
    if (key == 13) {
        $("[id$=LoginButton]").click(); //支持firefox,IE武校
        //$('input:last').focus();
        $("[id$=LoginButton]").focus();  //支持IE,firefox无效。
//以上两句实现既支持IE也支持 firefox
    }
});

代码如下:

全局:

$(function(){ 
document.onkeydown = function(e){ 
var ev = document.all ? window.event : e; 
if(ev.keyCode==13) { 
$('#FormId).submit();//处理事件 
} 
} 
});

某个控件:
$('#id').keydown(function(e){ 
if(e.keyCode==13){ 
$('#FormId).submit(); //处理事件 
} 
});

if (window.event.keyCode==13) window.event.keyCode=0

//这样就取消回车键了
如果想模拟Tab键,只要写成  if (window.event.keyCode==13) window.event.keyCode=9 就行了,它会跳到另一个元素上。

Javascript 相关文章推荐
DHTML Slide Show script图片轮换
Mar 03 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
Aug 24 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
Mar 28 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
jQuery中filter()方法用法实例
Jan 06 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
解决vue打包之后静态资源图片失效的问题
Feb 21 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 Javascript
基于jquery的大众点评,分类导航实现代码
Aug 23 #Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 #Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 #Javascript
一些有用的JavaScript和jQuery的片段分享
Aug 23 #Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
Aug 20 #Javascript
jQuery最佳实践完整篇
Aug 20 #Javascript
jQuery的deferred对象使用详解
Aug 20 #Javascript
You might like
PHP4实际应用经验篇(1)
2006/10/09 PHP
使用PHP强制下载PDF文件示例
2014/01/17 PHP
php获取textarea的值并处理回车换行的方法
2014/10/20 PHP
ThinkPHP静态缓存简单配置和使用方法详解
2016/03/23 PHP
PHP生成唯一ID之SnowFlake算法
2016/12/17 PHP
Javascript图像处理—平滑处理实现原理
2012/12/28 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
JavaScript数组的一些奇葩行为
2016/01/25 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
文件上传插件SWFUpload的使用指南
2016/11/29 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
浅谈JS函数节流防抖
2017/10/18 Javascript
Javacript中自定义的map.js  的方法
2017/11/26 Javascript
nodejs实现OAuth2.0授权服务认证
2017/12/27 NodeJs
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
移动端手指操控左右滑动的菜单
2019/09/08 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
Python自动生产表情包
2017/03/17 Python
python如何定义带参数的装饰器
2018/03/20 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
Python对象转换为json的方法步骤
2019/04/25 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
使用python telnetlib批量备份交换机配置的方法
2019/07/25 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
美国球迷装备的第一来源:FOCO
2020/07/03 全球购物
一份教室追逐打闹的检讨书
2014/09/27 职场文书
成事在人观后感
2015/06/16 职场文书
话题作文之学会尊重
2019/12/16 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL