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 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
Jul 16 Javascript
JS匿名函数类生成方式实例分析
Nov 26 Javascript
微信小程序 request接口的封装实例代码
Apr 26 Javascript
微信小程序tabbar不显示解决办法
Jun 08 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
详解如何让Express支持async/await
Oct 09 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
微信小程序-API接口安全详解
Jul 16 Javascript
pageGroup.js实现分页功能
Jul 27 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 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
业余方法DIY电子管FM收音机
2021/03/02 无线电
使用PHP静态变量当缓存的方法
2013/11/13 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
jQuery pager.js 插件动态分页功能实例分析
2019/08/02 jQuery
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
vue指令v-html使用过滤器filters功能实例
2019/10/25 Javascript
[49:31]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第二场 1月29日
2021/03/11 DOTA
python strip() 函数和 split() 函数的详解及实例
2017/02/03 Python
微信跳一跳小游戏python脚本
2018/01/05 Python
浅析Python数据处理
2018/05/02 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
python中下标和切片的使用方法解析
2019/08/27 Python
Python处理session的方法整理
2019/08/29 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
保安拾金不昧表扬信
2014/01/15 职场文书
应届护士求职信范文
2014/01/26 职场文书
大学生活动策划方案
2014/02/10 职场文书
超市优秀员工事迹材料
2014/05/01 职场文书
党性心得体会
2014/09/03 职场文书
2014最新房贷收入证明范本
2014/09/12 职场文书
七年级地理教学计划
2015/01/22 职场文书
小学国庆节活动总结
2015/03/23 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
建立共青团委员会的请示
2019/04/02 职场文书
深入浅析React中diff算法
2021/05/19 Javascript
教你用Python matplotlib库制作简单的动画
2021/06/11 Python