`

Jquery键盘事件实例1

阅读更多

    //document的键盘事件
            //键盘事件参数
            //e.charCode:最后响应键盘按键的键值
            //e.keyCode: 最后响应键盘按键的键值
            //e.ctrlKey,e.shiftKey,e.altKey:判断组合键时,是否按下

            //输出键盘的ASCII值
            //键值:(a:65   z:90),(0:48   9:57),(tab:9  enter:13,  ctrl:17  shift:16  alt:18  空格:32  )

            $(document).keydown(function(e){
                alert(e.keyCode);
            });


            //键值(a:97  z:122),(0:48  9:57)

            $(document).keypress(function(e){
                alert(e.keyCode);
            });



            //方向键判断,(上:38  下40: 左:37   右:39)

            $(document).keydown(function(e){
                if(e.keyCode ==37){
                    alert("当前是左");
                }
                elseif(e.keyCode ==38){
                    alert("当前是上");
                }
                elseif(e.keyCode ==39){
                    alert("当前是右");
                }
                elseif(e.keyCode ==40){
                    alert("当前是下");
                }
            })

            //组合键判断

            $(document).keydown(function(e){
                //ctrl+enter
                if(e.ctrlKey && e.keyCode ==13){
                    alert("ctrl+enter组合键触发");
                }

                //ctrl+alt
                if(e.ctrlKey && e.altKey){
                    alert("ctrl+alt组合键触发");
                }

                //ctrl+alt+enter
                if(e.ctrlKey && e.altKey && e.keyCode ==13){
                    alert("ctrl+alt+enter组合键触发");
                }

                //ctrl+shift+delete
                if(e.ctrlKey && e.shiftKey && e.keyCode ==46){
                    alert("ctrl+shif+delete组合键触发");
                }
            });


            //获取键盘字符
            //e.charCode:在keydown事件中总为0,在keypress事件中为e.keyCode
            //e.char:在keydown事件和keypress事件中返回相同都是返回字符

$(document).keydown(function(e){
alert(e.charCode);
});
$(document).keypress(function(e){
alert(e.charCode);
});

$(document).keydown(function(e){
alert(e.char);
});

$(document).keypress(function(e){
alert(e.charCode);
});

            //键盘事件的触发顺序
            //使用弹出对话框的方式检测,不靠谱
            //在三个事件都注册的情况先:先触发keydown,在触发keypress,没有触发keyup
            //只有在keydown和keypress没有注册的时候才会触发keyup

$(document).keydown(function(e){
alert("keydown");
});
$(document).keypress(function(e){
alert("keypress");
});
$(document).keyup(function(){
alert("keyup");
});

var str ="";
$("#txtOne").keydown(function(e){
str +="keydown----->";
});
$("#txtOne").keypress(function(e){
str +="keypress----->";
});
$("#txtOne").keyup(function(){
str +="keyup----->";
alert(str);
});

            //键盘事件的完成
            //判断输入的是否是数字,否则自动完成事件不显示内容(适用于非中文输入法)

$("#txtOne").keypress(function(e){
if(e.keyCode >=48&& e.keyCode <=57){

}
else{
alert("输入的不是数字");
e.preventDefault();
}
});

       //判断输入的是否是数字,否则自动完成事件不显示内容(适用于中文输入法和其他)

$("#txtOne").keydown(function(e){
if(e.keyCode >=48&& e.keyCode <=57){

}
else{
alert("输入的不是数字");
e.preventDefault();
}
});

分享到:
评论

相关推荐

    jQuery搜索框实例绑定提交事件.zip

    jQuery搜索框实例绑定提交事件是一款下拉选择多种搜索引擎分类,搜索框输入文字键盘回车绑定提交搜索按钮代码。    dropdown-toggle search-select" data-toggle="dropdown"&gt;百度搜索  ...

    jQuery软键盘模拟键盘

    jQuery软键盘模拟键盘插件实例应用。

    JQuery 漂亮的软键盘

    以实现的功能有大小切换,特殊字符的输入,多种多种体肤的切换等功能 封装好的,可以直接使用 等功能 ,需要的朋友可以直接使用 。

    jquery 键盘事件 keypress() keydown() keyup()用法总结

    在本篇文章里小编给各位整理的是关于jquery 键盘事件 keypress() keydown() keyup()用法总结以及相关实例,需要的朋友们学习下。

    jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

    本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法。分享给大家供大家参考,具体如下: 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除,...

    jQuery简单获取键盘事件的方法

    本文实例讲述了jQuery简单获取键盘事件的方法。分享给大家供大家参考,具体如下: 一、我们什么时候要用到获取键盘事件 做web的时候,为了更人性的设计,我们有的时候会用到键盘事件。例如:输入框下拉提示框,通过...

    jQuery表格键盘操作插件 jquery KeyTable调用示例.rar

    jQuery表格键盘操作插件 jquery KeyTable调用示例,这款插件允许用户在表格移动/选择数据像键盘操作Excel那样,不依赖鼠标就可完成各项操作.并且高亮当前操作的表格单元格.运行效果请参见截图,本源码包内含有调用本...

    jQuery搜索框实例绑定提交事件特效代码

    搜索框实例绑定提交事件是一款下拉选择多种搜索引擎分类,搜索框输入文字键盘回车绑定提交搜索按钮代码。

    jquery.hotkeys插件键盘按键监听事件代码.zip

    有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!

    jQuery Keypad网页小键盘(安全键盘插件).rar

    jQuery网页小键盘插件 Keypad安全键盘插件调用示例代码,类似于一个网页计算器那样,或者说是一个软键盘,用于对输入安全要求较高的场合。这个小键盘样式上比较简洁,美化还可以再加强一些,兼容性还是挺好的。

    jquery按回车键实现表单提交的简单实例

    jquery键盘事件参考: 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下...

    jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

    1、禁用F5刷新jQuery实例代码 F5具有刷新网页的功能,可能有时候需要禁用此功能,下面就通过代码实例介绍一下如何实现此功能。 代码如下: $(document).ready(function(){ $(document).bind("keydown",function(e)...

    简单的jQuery数字键盘

    只需要在inputtext框上加一个class,即可使用

    jQuery内容滑块jQuerylightSlider.zip

    jQuery lightSlider 是轻量级... 支持键盘,箭头和 dots 导航 支持 Chrome, Safari, Firefox, Opera, IE7 , IOS, Android, windows phone. 幻灯片和渐变效果 一个页面允许多个实例 在线演示 标签:jQuery

    jquery-numpad:数字键盘jQuery插件

    通过使用基本的默认对象、用于分配要使用的元素并使用默认值扩展选项的简单构造函数以及围绕构造函数的轻量级包装器,以避免多个实例化的问题。 用法 包括jQuery: &lt; script src =" ...

    《jQuery开发技术详解》教程源码

    《jQuery开发技术详解》教程源码完整版 季国飞编著 包含有jquery基本操作实例,如dom操作、事件处理、网页特效以及jquery的核心函数如ajax的应用、键盘操作、数据库连接等等实例

    深入理解jQuery 事件处理

    1.Event实例 他的属性提供了关于当前正被处理的已触发事件的大量信息。这包括一些细节,比如在哪个元素上触发的事件、鼠标事件的坐标以及键盘事件中单击了哪个键。 2.事件冒泡 当触发 dom 树中一个元素上的事件时,...

    jQuery 事件

    jQuery 事件 jQuery 是为事件处理特别...键盘事件 表单事件 文档/窗口事件 dblclick() 当双击元素时,会发生 dblclick 事件。 dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数: 实例

    jQuery实现Div拖动+键盘控制综合效果的方法

    本文实例讲述了jQuery实现Div拖动+键盘控制综合效果的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

Global site tag (gtag.js) - Google Analytics