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跳转页面方法实现汇总
Feb 11 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
javascript实现rgb颜色转换成16进制格式
Jul 10 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
BootStrap中的表单大全
Sep 07 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
vue购物车插件编写代码
Nov 27 Javascript
vue.js $refs和$emit 父子组件交互的方法
Dec 20 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
Dec 26 Javascript
vue组件tabbar使用方法详解
Nov 06 Javascript
vue实现修改图片后实时更新
Nov 14 Javascript
JavaScript实现网页计算器功能
Oct 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
php传值方式和ajax的验证功能
2017/03/27 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
把textarea中字符串里含有的回车换行替换成&amp;lt;br&amp;gt;的javascript代码
2007/04/20 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
2016/09/21 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
利用pm2部署多个node.js项目的配置教程
2017/10/22 Javascript
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
[03:21]【TI9纪实】Old Boys
2019/08/23 DOTA
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python的网络编程库Gevent的安装及使用技巧
2016/06/24 Python
Python Socket编程详细介绍
2017/03/23 Python
Python中print和return的作用及区别解析
2019/05/05 Python
Django组件cookie与session的具体使用
2019/06/05 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
Python 制作查询商品历史价格的小工具
2020/10/20 Python
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
北大研究生linux应用求职信
2013/10/29 职场文书
医学院毕业生自荐信
2013/11/08 职场文书
大学新生军训方案
2014/05/03 职场文书
新学期标语
2014/06/30 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
大学生求职信怎么写
2015/03/19 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
MySQL 计算连续登录天数
2022/05/11 MySQL