Jquery 监视按键，按下回车键触发某方法的实现代码

代码如下:

<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，用于自定义开发。

以上代码中捕捉到了文本栏的回车按键，这时要去触发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()");
同上
   });

赞 (0)

相关推荐

  • jQuery 回车事件enter使用示例

    eg: 复制代码 代码如下: //点击enter,用户登陆 $("#txtLoginPwd").keydown(function (e) { if (e.which == 13) { UserLogin(); } }); 注意:是"keydown"而不是"keypress"

  • jquery如何扑捉回车键触发的事件

    1.jquery捕捉回车键: 复制代码 代码如下: $("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); //绑定回车动作 $('textarea[name=chattext]').keydown(function(event){ if(event.which==13){ } }); 2.jquery获得多个选中的checkbox值: 复制代

  • jQuery实现回车键（Enter）切换文本框焦点的代码实例

    以下是实现方法: 复制代码 代码如下: <script src="http://yige.org/static/js/j.js"></script>jQuery(function () {    jQuery('input:text:first').focus();//直接定位到当前页面的第一个文本框    var $inp = jQuery('input:text');//所有文本框    $inp.bind('keydown', function (e) {

  • jQuery实现当按下回车键时绑定点击事件

    当按下回车键时,绑定按钮点击事件代码如下,通过检测按下的键值,回车键keycode为13,判断是否是回车键,然后完成相应的方法. 复制代码 代码如下: <script> $(function(){ $(document).keydown(function(event){ if(event.keyCode==13){ $("#mouse").click(); } }); $("#mouse").click(function(){ alert("n

  • asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)

    asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)

    首先来看一些效果图: 这个是淘宝首页的搜索效果 京东首页的搜索效果 我修改的jQuery.AutoComplete实现的效果 一.实现效果分析 我要实现的效果就是和GOOGLE类似,需要满足一下3个要求(因为这样我认为是最好的用户体验,毕竟GOOGLE做了那么久了): .首先根据关键字列出关键字相关的信息(包含统计信息) .可以使用键盘上下键选择(默认不选中第一条),文本框内容根据选择信息变换 .当选择第一或者最后一条时再向上或向下则取消选中,文本框中内容还原回原先输入的内容(这点比较重要,京东

  • jQuery实现键盘回车搜索功能

    本来我一直认为一个搜索没有什么太难做的,直到我接到了上一个项目,让不使用按钮实现搜索这才让我开始在网上寻找这一技术,那么废话少说,将我的源码放上来给大家参考. 前台代码 <div class="fl search-box"> <button type="button" name="btnSubmit" id="btnSubmit" class="btnSubmit">搜索</b

  • Jquery 监视按键，按下回车键触发某方法的实现代码

    Jquery 监视按键，按下回车键触发某方法的实现代码

    复制代码 代码如下: <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;

  • 文本框中,回车键触发事件的js代码[多浏览器兼容]

    判断是否按下的为回车非常简单: 复制代码 代码如下: function EnterPress(){ if(event.keyCode == 13){ ... } } IE6的onkeypress会接受"回车事件",而onkeydown不会接受 IE8的onkeypress不会接受"回车事件",而onkeydown会接受 ...不用纠结于此,两个都写上吧 复制代码 代码如下: <input type="text" onkeypress=&qu

  • jquery实现文字由下到上循环滚动的实例代码

    有如下代码: 复制代码 代码如下: <div id="oDiv"><ul id="oUl"><li>第1个li元素</li><li>第2个li元素</li><li>第3个li元素</li><li>第4个li元素</li><li>第5个li元素</li><li>第6个li元素</li><li>

  • jquery实现省市select下拉框的替换(示例代码)

    省市对应的实现:<还有一些没封装起来> 更具选择的省份来确定市的内容 jsp代码: 复制代码 代码如下: <body>  省份<select name="prin">   <option>--请选择--</option>   <option>福建</option>   <option>北京</option>   <option>山东</option>   

  • 为jQuery增加join方法的实现代码

    查了一下,jquery没有直接的方法, 不过有一个map方法,使用它很简单就可以定义一个实现该功能的方法 复制代码 代码如下: jQuery.fn.join = function(sep,mapvalue){ return $.map(this,mapvalue).join(sep); }; jQuery.fn.joinattr = function(sep,attr){ return this.join(sep,function(item){return $(item).attr(attr);

  • jquery实现回车键触发事件(实例讲解)

    键盘事件有3: keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 . 正确代码为: $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } }); 推荐:keyup,防止笔记本键盘不小心触摸到了 1.有些文档中有写成这样: $(window).keydown(function(){ ... }) XP系统IE6

  • jquery 绑定回车动作扑捉回车键触发的事件

    1.jquery捕捉回车键: 复制代码 代码如下: $("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); //绑定回车动作 $('textarea[name=chattext]').keydown(function(event){ if(event.which==13){ } }); 2.jquery获得多个选中的checkbox值: 复制代

  • webuploader在springMVC+jquery+Java开发环境下的大文件分片上传的实例代码

    注意: 1,webuploader上传组件会和jQuery自带的上传组件冲突,所以不要使用<form>标签中添加上传文件的属性; enctype="multipart/form-data" 2.并且屏蔽ApplicationContext-mvc.xml里面的拦截配置! <!-- 上传拦截,如最大上传值及最小上传值 --> <!--新增加的webuploader上传组件,必须要屏蔽这里的拦截机制 <bean id="multipartRes

随机推荐