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 相关文章推荐
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
jQuery+ajax实现实用的点赞插件代码
Jul 06 Javascript
AngularJS基础 ng-repeat 指令简单示例
Aug 03 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
Aug 20 Javascript
浅谈JQ中mouseover和mouseenter的区别
Sep 13 Javascript
js实现复制功能(多种方法集合)
Jan 06 Javascript
vue 注册组件的使用详解
May 05 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
发布一款npm包帮助理解npm的使用
Jan 03 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
Nov 02 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
php中显示数组与对象的实现代码
2011/04/18 PHP
php基本函数汇总
2015/07/09 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
session 加入redis的实现代码
2016/07/15 PHP
php之可变函数的实例详解
2017/09/13 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
2010/06/25 Javascript
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
第十篇BootStrap轮播插件使用详解
2016/06/21 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
jQuery基本选择器和层次选择器学习使用
2017/02/27 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
2017/05/25 jQuery
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
2017/12/09 Javascript
vue移动端路由切换实例分析
2018/05/14 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
python之import机制详解
2014/07/03 Python
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
Python爬取国外天气预报网站的方法
2015/07/10 Python
python中requests小技巧
2017/05/10 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
Windows下PyCharm配置Anaconda环境(超详细教程)
2020/07/31 Python
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
北京大学自荐信范文
2014/01/28 职场文书
环保建议书作文
2014/03/12 职场文书
文科毕业生自荐书范文
2014/04/17 职场文书
生物科学专业自荐书
2014/06/20 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
飞屋环游记观后感
2015/06/08 职场文书
python数字转对应中文的方法总结
2021/08/02 Python