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 相关文章推荐
深入理解JavaScript定时机制
Oct 29 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 Javascript
input禁止键盘及中文输入,但可以点击
Feb 13 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
vue中mint-ui环境搭建详细介绍
Apr 06 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
解决vue.js this.$router.push无效的问题
Sep 03 Javascript
详解Axios 如何取消已发送的请求
Oct 20 Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
JavaScript的Set数据结构详解
Feb 18 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中如何将数组变量写入文件
2013/06/06 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
PHP二进制与字符串之间的相互转换教程
2016/10/14 PHP
js传值 判断
2006/10/26 Javascript
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
2015/01/19 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
2016/06/25 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
AngularJS1.X学习笔记2-数据绑定详解
2017/04/01 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
2017/09/19 jQuery
详解cordova打包成webapp的方法
2017/10/18 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
2019/04/28 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
启动targetcli时遇到错误解决办法
2017/10/26 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
NumPy中的维度Axis详解
2019/11/26 Python
pycharm中使用request和Pytest进行接口测试的方法
2020/07/31 Python
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
经营理念口号
2014/06/21 职场文书
倡议书的写法
2014/08/30 职场文书
委托书格式要求
2015/01/28 职场文书
作弊检讨书范文
2015/05/06 职场文书
投诉书格式范本
2015/07/02 职场文书
庆七一活动简报
2015/07/20 职场文书
评奖评优个人先进事迹材料
2015/11/04 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书
关于Python使用turtle库画任意图的问题
2022/04/01 Python
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python