`

jQuery的键盘捕获之发现

阅读更多

使用jQuery进行键盘捕获是轻而易举的事情,昨天遇到一个小问题,就是给整个页面绑定keydown事件,但是在Firefox下无效。

后经过实验解决,问题出在事件绑定对象上:

?
//捕捉回车键
$( 'body' ) .bind( 'keydown' , function (e){
     if (e.keyCode==13){
         $( '#loginBtn' ).click();
     }
});

就是这段代码,在Firefox下无效,后来忽然想到不同浏览器对页面元素解析标准差异的问题,于是改了一下代码,成功!

?
//捕捉回车键
$( 'html' ) .bind( 'keydown' , function (e){
     if (e.keyCode==13){
         $( '#loginBtn' ).click();
     }
});

就这么简单,他大爷的,浏览器兼容性害死人哪。

分享到:
评论

相关推荐

    jQuery键盘控制PPT幻灯片特效.zip

    本项目"jQuery键盘控制PPT幻灯片特效"旨在为网页开发者提供一种创建类似PowerPoint的在线演示工具,让用户通过键盘操作实现幻灯片的切换,增强网页版演讲稿的互动性和用户体验。 首先,我们要理解这个插件的核心...

    jQuery键盘控制焦点图

    "jQuery键盘控制焦点图"是一个非常实用的特效,它允许用户通过键盘按键来切换页面上的焦点图片,增强了用户的参与度和浏览体验。下面我们将深入探讨这个jQuery特效的核心原理、实现方法以及其在实际应用中的价值。 ...

    jQuery键盘打字练习游戏代码.zip

    《jQuery键盘打字练习游戏代码》是一个基于JavaScript库jQuery实现的互动打字练习应用。这个项目旨在帮助用户提升打字速度和准确性,采用游戏化的方式让学习过程更加有趣。通过这款应用,用户可以在一个模拟的键盘...

    jQuery键盘输入车牌号代码

    本项目"jQuery键盘输入车牌号代码"是针对移动设备设计的,目标是创建一个自定义的屏幕键盘,帮助用户更方便、快捷地输入车牌号码。以下将详细介绍这一技术实现及其相关知识点。 首先,车牌号输入通常涉及到前端验证...

    移动端友好的jQuery数字键盘插件.zip

    4. **事件监听**:`jQuery.NumPad`提供了丰富的事件回调机制,如`onKeyEnter`、`onKeyCancel`等,方便开发者捕获用户的输入行为并作出响应,如验证输入值或执行特定操作。 5. **易用性**:通过简单的jQuery选择器和...

    分享一个jQuery实现键盘操作特效(主要是上移下移)

    在压缩包文件中,"jQuery键盘操作特效"可能包含了一个示例HTML文件、CSS样式表和JavaScript脚本,用于演示这个功能的实际应用。通过查看和分析这些文件,你可以更深入地理解这个特效的实现细节。 总的来说,这个...

    jQuery键盘打出逐字逐句显示特效.zip

    本资源"jQuery键盘打出逐字逐句显示特效.zip"提供了一种利用jQuery实现的动态文本输入效果,即当用户在虚拟键盘上敲击每个字符时,文本会逐字逐句地显现出来,增加了用户交互的趣味性。这个特效在网页游戏、互动故事...

    jQuery带音效的炫酷虚拟键盘代码.zip

    《jQuery带音效的炫酷虚拟键盘代码》 在当今的网页开发中,为了提高用户体验,虚拟键盘已经成为一种常见的交互元素,特别是在移动设备上输入密码、验证码等场景。本资源"jQuery带音效的炫酷虚拟键盘代码"提供了一种...

    JS键盘,jquery编写

    使用 jQuery 编写的 JS 键盘可以让这个功能实现更加简便,因为 jQuery 是一个强大的 JavaScript 库,提供了丰富的 DOM 操作、事件处理和动画效果。 一、jQuery 基础知识 jQuery 是一个轻量级的 JavaScript 库,它的...

    jquery分页效果制作键盘左右按键分页效果

    在jQuery中,我们可以利用事件监听器来捕获键盘事件。键盘左右按键的键码分别是37(左箭头)和39(右箭头)。我们需要为页面添加一个事件监听器,监听这两个键的按下事件。 ```javascript $(document).keydown...

    jQuery屏幕键盘插件

    屏幕键盘在网络生活中很常见,比如使用...以防止被木马或恶意程序捕获盗取实际键盘上的操作。它包括多种按键布局,完全支持自定义,可以更改按键布局和配色方案。它就像Windows的辅助键盘,可用来提高网站的可用性。

    jQuery实现的键盘打字练习特效源码.zip

    jQuery提供`$(document).keydown()`和`$(document).keyup()`事件来捕获用户按下和释放键盘键的动作。我们可以利用这些事件来判断用户输入的字符,并与预期的文字进行比较。 三、动态文本显示 打字练习的关键在于...

    jQuery密码键盘后台登录界面模板

    标题 "jQuery密码键盘后台登录界面模板" 涉及到的主要知识点是前端开发中的jQuery库以及用户界面设计,特别是后台管理系统的登录界面。这个模板可能是用于创建一个安全、直观且吸引人的登录页面,以供网站管理员或...

    jQuery键盘打字练习游戏特效代码

    【jQuery键盘打字练习游戏特效代码】是一种利用jQuery库实现的互动式键盘打字练习程序。这个项目的主要目的是提供一个类似金山打字通的在线练习环境,帮助用户提高打字速度和准确性。通过使用JavaScript的jQuery框架...

    jquery+html5仿金山打字游戏特效.zip

    1. **打字输入检测**:通过监听键盘事件,jQuery可以捕获用户的输入,并与预设的单词进行比较,判断是否正确。 2. **进度显示**:使用HTML5的数据属性和jQuery,可以记录并展示用户的打字速度、正确率等统计数据。 ...

    jQuery键盘按钮响应事件特效代码

    在本案例中,我们关注的是"jQuery键盘按钮响应事件特效代码",这涉及到如何利用jQuery监听键盘事件并实现与点击按钮相同的效果。 首先,让我们深入理解jQuery中的事件处理。在JavaScript中,事件是用户与页面交互时...

    捕获键盘输入和输入组合键的js库hotkeys

    这个库的独特之处在于它独立于任何其他框架,如jQuery,尽管在实际项目中,它常常与jQuery一起使用,因为`hotkeys.js`被标记为“jQuery库”。压缩后的大小小于3KB,这使得它在资源有限的环境下依然能够快速加载,不...

    Jquery截图

    jQuery截图插件的工作原理是,通过模拟用户的鼠标和键盘行为来捕获当前浏览器视口的内容。它可能依赖HTML5的Canvas元素,将DOM结构转换为像素数据,然后再通过toDataURL方法转换为数据URL,形成一个可以保存或分享的...

    jQuery版tank游戏

    例如,玩家按下键盘上的方向键,jQuery会捕获这个事件,并触发相应的坦克移动函数。 在压缩包中的“tank”文件,可能包含了游戏的所有源代码,包括HTML文件、CSS样式表和JavaScript脚本。开发者可以从中学习到如何...

    jquery dialog键盘事件代码

    jQuery UI 是建立在 jQuery 之上的用户界面系统,其中包括了 Dialog 组件,该组件可以用来创建模态对话框和非模态对话框。 当需要在对话框中处理键盘事件,例如监听回车键(Enter)来执行某些操作时,我们可以通过 ...

Global site tag (gtag.js) - Google Analytics