- 4
- 0
- 约6.02千字
- 约 7页
- 2016-11-26 发布于重庆
- 举报
利用Jquery实现键盘按键监听
Js代码 ?//?shows?a?given?element?and?hides?all?othersfunction?showViaKeypress(element_id){?$(.container).css(display,none);?$(element_id).slideDown(slow);}?//?shows?proper?DIV?depending?on?link?hreffunction?showViaLink(array){?array.each(function(i)?{?$(this).click(function()?{?var?target?=?$(this).attr(href);?$(.container).css(display,none);?$(target).slideDown(slow);?});?});} ?而对键盘按键的监听是用的keypress()方法,其实也没什么难度,不过我们很少在页面上使用按键监听,这个例子比较新奇,值得我们参考,如有必要时,可以在项目里用用。 Js代码 ?$(document).keypress(function(e)?{?switch(e.which)?{?//?user?presses?the?a?case?97:????showViaKeypress(#home);?break;??//?user?presses?the?s?key?case?115:???showViaKeypress(#about);?break;??//?user?presses?the?d?key?case?100:???showViaKeypress(#contact);?break;??//?user?presses?the?f?key?case?102:???showViaKeypress(#awards);?break;??//?user?presses?the?g?key?case?103:???showViaKeypress(#links);?}?});??/seapub/archive/2012/06/05/2537214.htmlJquery 监视按键,按下回车键触发某方法 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 }}); ?如何防止回车(enter)键提交表单 (所有按键对应的值)?如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown= if(event.keyCode==13)return?? false;把这句写在from标签里面就好了。下面介绍下javascript中event.keycode。keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keyc
您可能关注的文档
- 便携式数据采集器使用操作规程.doc
- 信息第1章信息基础.doc
- 假如用一个小型的公司或者企业像要搭建一个双处理器服务器.doc
- 偶发分枝杆菌感染综述.doc
- 傅雷中学2009学年第一次月考六年级数学试卷.doc
- 储能技术的研究.docx
- 光影魔术手的应用与心得体.doc
- 全国10春理论题1~5答案.doc
- 全国2005年10月高等教育自学考试心理学试题课程代码00031.doc
- 全国中小学学籍信息管理系统导出数据流程.doc
- 2025-2026学年天津市和平区高三(上)期末数学试卷(含解析).pdf
- 2025-2026学年云南省楚雄州高三(上)期末数学试卷(含答案).pdf
- 2025-2026学年甘肃省天水市张家川实验中学高三(上)期末数学试卷(含答案).docx
- 2025-2026学年福建省厦门市松柏中学高二(上)期末数学试卷(含答案).docx
- 2025-2026学年广西钦州市高一(上)期末物理试卷(含答案).docx
- 2025-2026学年河北省邯郸市临漳县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省石家庄二十三中七年级(上)期末历史试卷(含答案).docx
- 2025-2026学年海南省五指山市九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省唐山市玉田县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省邢台市市区九年级(上)期末化学试卷(含答案).docx
最近下载
- 传媒法规与伦理教学课件(共22章)新闻伦理研究综述.pdf VIP
- 汽车行驶记录仪产品使用说明书.PDF VIP
- 2026年成都市美容医疗诊所医美项目安全规范运营可行性研究报告.docx VIP
- ocean培训petrel re快速入门工作流程.pdf VIP
- (四年级奥数班讲义.doc VIP
- 单病种病案数据填报指导手册.doc
- 企业 IPO 筹备方案(最新版,附时间表 + 材料).docx VIP
- 深圳初三数学联考模拟试题.docx VIP
- 高考历史二轮总复习精品课件 第四板块 世界现代史 第十七讲 现代科技的发展与当今世界发展的趋势.ppt VIP
- 2024年菏泽职业学院单招数学考试模拟试题及答案解析.docx VIP
原创力文档

文档评论(0)