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 相关文章推荐
StringTemplate遇见jQuery冲突的解决方法
Sep 22 Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 Javascript
gridpanel动态加载数据的实例代码
Jul 18 Javascript
js中reverse函数的用法详解
Dec 26 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
JS实现消息来时让网页标题闪动效果的方法
Apr 20 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
详解vue-router2.0动态路由获取参数
Jun 14 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 Javascript
微信小程序常见页面跳转操作简单示例
May 01 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
ES5和ES6中类的区别总结
Dec 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
js资料toString 方法
2007/03/13 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
2016/09/19 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
2016/12/02 Javascript
详解Vue单元测试case写法
2018/05/24 Javascript
vue debug 二种方法
2018/09/16 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
探究Python多进程编程下线程之间变量的共享问题
2015/05/05 Python
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python实现随机漫步功能
2018/07/09 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
借款协议书
2014/04/12 职场文书
一岗双责责任书
2014/04/15 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
测绘工程专业求职信
2014/07/15 职场文书
廉政承诺书2015
2015/04/28 职场文书
初中班主任心得体会
2016/01/07 职场文书
2016年少先队活动总结
2016/04/06 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
css3应用示例:新增的选择器
2022/03/16 HTML / CSS
在Centos 8.0中安装Redis服务器的教程详解
2022/03/21 Redis