Jquery 监视按键,按下回车键触发某方法的实现代码


Posted in Javascript onMay 11, 2014
<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
    }
});

Jquery 中使用键盘监听事件(ssh)

$(document).ready(function(){
  find();
$("#pageSize").bind("keyup",function(){find();});
    //设置键盘 监听事件 也就是当你在该文本框中输入值后 就立刻执行相对应的方法 这里所表示的是 当你在文本框中输入4 等 就会在页面上显示4条数据
   ("#pageSize:这是拿到标签属性id的值)
    ("keyup": 键盘监听事件 值是固定的 不可以更改)
   (后面的function(){find();}:则是所要执行的方法)
$("#pageNo").bind("keyup",function(){find();});
   //设置键盘 监听事件 也就是当你在该文本框中输入值后 就立刻执行相对应的方法 这里所表示的是 当你在文本框中输入5 等 就会在页面上显示第五条页 
   alert(" find()");
同上
   });
Javascript 相关文章推荐
Prototype Array对象 学习
Jul 19 Javascript
再谈ie和firefox下的document.all属性
Oct 21 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 Javascript
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
May 28 Javascript
深入了解JavaScript 的 WebAssembly
Jun 15 Javascript
微信小程序实现签到弹窗动画
Sep 21 Javascript
基于Jquery实现键盘按键监听
May 11 #Javascript
js判断游览器类型及版本号的代码
May 11 #Javascript
jquery实现文本框数量加减功能的例子分享
May 10 #Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 #Javascript
多引号嵌套的变量命名的问题
May 09 #Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 #Javascript
javascript的数组和常用函数详解
May 09 #Javascript
You might like
PHP面向对象编程快速入门
2006/10/09 PHP
PHP函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
php配置php-fpm启动参数及配置详解
2013/11/04 PHP
PHP IE中下载附件问题解决方法
2014/01/07 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
form表单传递数组数据、php脚本接收的实例
2017/02/09 PHP
浅谈Laravel队列实现原理解决问题记录
2017/08/19 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
koa-passport实现本地验证的方法示例
2020/02/20 Javascript
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
Python3.2模拟实现webqq登录
2016/02/15 Python
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
tensorflow中next_batch的具体使用
2018/02/02 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
使用OpenCV实现仿射变换—平移功能
2019/08/29 Python
python3中for循环踩过的坑记录
2020/12/14 Python
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
建筑设计师岗位职责
2013/11/18 职场文书
运动会解说词200字
2014/02/06 职场文书
竞聘演讲稿
2014/04/24 职场文书
廉洁校园实施方案
2014/05/25 职场文书
指导老师鉴定意见
2015/06/05 职场文书
毕业酒会致辞
2015/07/29 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书