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 相关文章推荐
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
jquery ajax 局部刷新小案例
Feb 08 Javascript
jquery 隐藏与显示tr标签示例代码
Jun 06 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
Jan 11 Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 Javascript
谈谈React中的Render Props模式
Dec 06 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设计模式 注册表模式(多个类的注册)
2012/02/05 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
php 使用array函数实现分页
2015/02/13 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
javascript事件模型代码
2007/07/01 Javascript
用JavaScript调用WebService的示例
2008/04/07 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
2016/04/23 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
2017/08/02 Javascript
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
用Python编程实现语音控制电脑
2014/04/01 Python
python读取TXT到数组及列表去重后按原来顺序排序的方法
2015/06/26 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
PyQt5实现类似别踩白块游戏
2019/01/24 Python
基于python实现学生信息管理系统
2019/11/22 Python
python实现图片素描效果
2020/09/26 Python
销售副总经理岗位职责
2013/12/11 职场文书
应届毕业生自我评价分享
2013/12/15 职场文书
创业计划书中要认真思考的问题
2013/12/28 职场文书
学习党的群众路线教育实践活动心得体会
2014/03/01 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
电子商务专业求职信
2014/07/10 职场文书
2014年党员自我评议总结
2014/09/23 职场文书
2014年幼师工作总结
2014/11/22 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书
运动会加油稿50字
2015/07/21 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS
详解Python描述符的工作原理
2021/06/11 Python