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 相关文章推荐
超级酷和最实用的jQuery实例收集(20个)
Apr 21 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
jQuery插件开发的五种形态小结
Mar 04 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
Dec 19 Javascript
微信小程序bindtap事件与冒泡阻止详解
Aug 08 Javascript
layer实现弹出层自动调节位置
Sep 05 Javascript
JavaScript组合设计模式--改进引入案例分析
May 23 Javascript
使用React-Router实现前端路由鉴权的示例代码
Jul 26 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 GeoIP的使用教程
2011/03/09 PHP
程序员的表白神器“520”大声喊出来
2016/05/20 PHP
php strftime函数的详细用法
2018/06/21 PHP
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
node.js正则表达式获取网页中所有链接的代码实例
2014/06/03 Javascript
详解js闭包
2014/09/02 Javascript
JavaScript判断变量是否为空的自定义函数分享
2015/01/31 Javascript
JavaScript模拟实现继承的方法
2015/03/30 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
2019/01/28 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
使用pandas read_table读取csv文件的方法
2018/07/04 Python
Sanic框架流式传输操作示例
2018/07/18 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
营销人才自我鉴定范文
2013/12/25 职场文书
体育比赛口号
2014/06/09 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
大学生实习介绍信
2015/05/05 职场文书
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
CSS三大特性继承性、层叠性和优先级详解
2022/01/18 HTML / CSS