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判断当前浏览器类型,判断IE浏览器方法
Jun 02 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
jquery实现手机号码选号的方法
Jul 31 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
ES6新特性五:Set与Map的数据结构实例分析
Apr 21 Javascript
angular 用拦截器统一处理http请求和响应的方法
Jun 08 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
Jun 29 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
Jun 07 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
Jul 24 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
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
php去除重复字的实现代码
2011/09/16 PHP
js和php邮箱地址验证的实现方法
2014/01/09 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
typecho插件编写教程(六):调用接口
2015/05/28 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
javascript让setInteval里的函数参数中的this指向特定的对象
2010/01/31 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
详解javascript获取url信息的常见方法
2016/12/19 Javascript
Vue列表页渲染优化详解
2017/07/24 Javascript
JavaScript定时器setTimeout()和setInterval()详解
2017/08/18 Javascript
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Python进程间通信用法实例
2015/06/04 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
python之信息加密题目详解
2019/06/26 Python
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
如何唤起类中的一个方法
2013/11/29 面试题
学前教育求职自荐信范文
2013/12/25 职场文书
关于母亲节的感言
2014/02/04 职场文书
工商干部先进事迹
2014/05/14 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
安全员岗位职责
2015/02/10 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
服装店员工管理制度
2015/08/07 职场文书