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点击弹出下拉菜单的小例子
Aug 01 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
May 09 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
js return返回多个值,通过对象的属性访问方法
Feb 21 Javascript
Node.js中出现未捕获异常的处理方法
Jun 29 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
基于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
使用Apache的rewrite技术
2006/06/22 PHP
php数组中删除元素的实现代码
2012/06/22 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
解决layui的radio属性或别的属性没显示出来的问题
2019/09/26 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
elementUI同一页面展示多个Dialog的实现
2020/11/19 Javascript
Python中实现参数类型检查的简单方法
2015/04/21 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
Python continue继续循环用法总结
2018/06/10 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
python输入错误后删除的方法
2019/10/12 Python
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
营销与策划应届生求职信
2013/11/04 职场文书
群众路线批评与自我批评
2014/02/06 职场文书
师范类求职信
2014/06/21 职场文书
反腐倡廉标语
2014/06/24 职场文书
公共场所禁烟标语
2014/06/25 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
文明单位汇报材料
2014/12/24 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
如何正确理解python装饰器
2021/06/15 Python
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android
python如何利用cv2.rectangle()绘制矩形框
2022/12/24 Python