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 mapreduce工作原理简析
Nov 25 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
jQuery中inArray方法注意事项分析
Jan 25 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
浅谈node模块与npm包管理工具
Jan 03 Javascript
Javascript的console['']常用输入方法汇总
Apr 26 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
layui 地区三级联动 form select 渲染的实例
Sep 27 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 mysql索引问题
2008/06/07 PHP
PHP Stream_*系列函数
2010/08/01 PHP
比较好用的PHP防注入漏洞过滤函数代码
2012/04/11 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
web前端开发也需要日志
2010/12/09 Javascript
JS的replace方法介绍
2012/10/20 Javascript
基于JavaScript 声明全局变量的三种方式详解
2013/05/07 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
jquery插件NProgress.js制作网页加载进度条
2015/06/05 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
2015/08/05 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
Node.js编写组件的三种实现方式
2016/02/25 Javascript
ajax在兼容模式下失效的快速解决方法
2016/03/22 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
2018/12/20 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
微信小程序页面渲染实现方法
2019/11/06 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
python用ConfigObj读写配置文件的实现代码
2013/03/04 Python
python基础教程之字典操作详解
2014/03/25 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
pandas中去除指定字符的实例
2018/05/18 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
Skechers越南官方网站:来自美国的运动休闲品牌
2021/02/22 全球购物
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
国际贸易求职信
2014/07/05 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
Unicode中的CJK(中日韩统一表意文字)字符小结
2021/12/06 HTML / CSS
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js