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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
客户端脚本中常常出现的一些问题和调试技巧
Jan 09 Javascript
Javascript 中介者模式实例
Dec 16 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
Bootstrap模块dropdown实现下拉框响应
May 22 Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 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操作SVN版本服务器类代码
2011/11/27 PHP
ThinkPHP多语言支持与多模板支持概述
2014/08/22 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
基于jQuery的消息提示插件 DivAlert之旅(二)
2010/04/01 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
jquery-tips悬浮提示插件分享
2015/07/31 Javascript
jQuery 获取多选框的值及多选框中文的函数
2016/05/16 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
2018/03/10 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
分享Python开发中要注意的十个小贴士
2016/08/30 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
Python pandas库中的isnull()详解
2019/12/26 Python
tensorflow 重置/清除计算图的实现
2020/01/19 Python
python实现图片转字符画
2021/02/19 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
2017/12/29 HTML / CSS
生产部岗位职责范文
2014/02/07 职场文书
四年大学自我鉴定
2014/02/17 职场文书
北京离婚协议书范文2014
2014/09/29 职场文书
2015年社区综治宣传月活动总结
2015/03/25 职场文书
信息技术国培研修日志
2015/11/13 职场文书
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python