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闭包
Dec 14 Javascript
JS 进度条效果实现代码整理
May 21 Javascript
jquery实现弹出层效果实例
May 19 Javascript
jquery实现的Banner广告收缩效果代码
Sep 02 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
Dec 16 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
angular.js实现购物车功能
Oct 23 Javascript
easyui下拉框动态级联加载的示例代码
Nov 29 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
Dec 23 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
vue addRoutes路由动态加载操作
Aug 04 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/10/21 PHP
JQuery从头学起第一讲
2010/07/04 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
javascript写的异步加载js文件函数(支持数组传参)
2014/06/07 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
vue中父子组件注意事项,传值及slot应用技巧
2018/05/09 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
vue实现浏览器全屏展示功能
2019/11/27 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
python中的列表推导浅析
2014/04/26 Python
一个基于flask的web应用诞生(1)
2017/04/11 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
python如何实现代码检查
2019/06/28 Python
Python中Unittest框架的具体使用
2019/08/27 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
Django异步任务线程池实现原理
2019/12/17 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
Python必须了解的35个关键词
2020/07/16 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
Pretty Little Thing爱尔兰:时尚女性服饰
2017/03/27 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
UNOde50美国官网:西班牙珠宝品牌
2020/08/15 全球购物
介绍一下except的用法和作用
2015/01/22 面试题
项目经理岗位职责
2013/11/11 职场文书
企业项目策划书
2014/01/11 职场文书
大学生十八大感想
2015/08/11 职场文书
会计专业自荐信范文
2019/05/22 职场文书
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python