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版)
Nov 19 Javascript
Js callBack 返回前一页的js方法
Nov 30 Javascript
ECMAScript 创建自己的js类库
Nov 22 Javascript
jquery 判断滚动条到达了底部和顶端的方法
Apr 02 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
JavaScript仿网易选项卡制作代码
Oct 06 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
jquery UI Datepicker时间控件冲突问题解决
Dec 16 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
微信小程序使用form表单获取输入框数据的实例代码
May 17 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
几个php应用技巧
2008/03/27 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
javascript实现tab切换的四种方法
2015/11/05 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
2015/11/18 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
python处理csv数据的方法
2015/03/11 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
Python Requests 基础入门
2016/04/07 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
Python实现多属性排序的方法
2018/12/05 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
简单的Python人脸识别系统
2020/07/14 Python
python3排序的实例方法
2020/10/20 Python
如何查看python关键字
2021/01/17 Python
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
是否有自动比较结构的方法
2015/06/03 面试题
投标邀请书范文
2014/01/31 职场文书
公司贷款承诺书
2014/05/30 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
Python学习之os包使用教程详解
2022/03/21 Python
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python