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 相关文章推荐
js setTimeout 常见问题小结
Aug 13 Javascript
js特殊字符转义介绍
Nov 05 Javascript
JS与C#编码解码
Dec 03 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
jquery插件EasyUI中form表单提交实例分享
Jan 11 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 Javascript
mapboxgl实现带箭头轨迹线的代码
Jan 04 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
如何在PHP程序中防止盗链
2008/04/09 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
浅析php中三个等号(===)和两个等号(==)的区别
2013/08/06 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
2015/03/04 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
Vue项目查看当前使用的elementUI版本的方法
2018/09/27 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
Vue文本模糊匹配功能如何实现
2020/07/30 Javascript
[02:08]我的刀塔不可能这么可爱 胡晓桃_1
2014/06/20 DOTA
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
使用Python进行中文繁简转换的实现代码
2019/10/18 Python
python中自带的三个装饰器的实现
2019/11/08 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
基于python实现查询ip地址来源
2020/06/02 Python
python golang中grpc 使用示例代码详解
2020/06/03 Python
python中re模块知识点总结
2021/01/17 Python
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
斐乐美国官方网站:FILA美国
2019/03/01 全球购物
心理健康课教学反思
2014/02/13 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
《春晓》教学反思
2014/04/20 职场文书
财务会计专业求职信
2014/06/09 职场文书
先进单位申报材料
2014/12/25 职场文书
就业推荐表导师评语
2014/12/31 职场文书
信访维稳承诺书
2015/05/04 职场文书
《倍数和因数》教学反思
2016/02/23 职场文书
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js