`
smalljavaer
  • 浏览: 9787 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS键盘处理

阅读更多
键盘事件处理在IE和火狐下是有区别的。在IE下采用keycode,而火狐下则采用which。
//IE
function micie(){
    var keycode = event.keyCode;
    var realKey =  String.fromCharCode(keycode);  
    alert('keycode--'+keycode);
    alert('realKey--'+realKey)
}


//火狐
function firefox(){
    var keycode = event.which;
    var realKey =  String.fromCharCode(keycode);  
    alert('keycode--'+keycode);
    alert('realKey--'+realKey)
}


在<script>中添加事件 处理
document.onkeypress = fun();
document.onkeyup    = fun();
document.onkeydown  = fun();

采用第三方插件/mousetrap  地址http://craig.is/killing/mice
有实例和下载地址
//第三方插件
 
Mousetrap.bind('c', 
                function() {
	                      fun1();
			 },
	        'keydown'
	       );


分享到:
评论

相关推荐

    js软键盘.js软键盘.js软键盘

    JavaScript(简称JS)软键盘是一种基于Web的输入解决方案,它允许用户在网页上进行安全的输入操作,尤其适用于处理敏感信息如密码时,避免了原生系统键盘在公共设备上的安全风险。本压缩包文件主要包含一个名为"软...

    javascript键盘响应事件

    一、原生JavaScript键盘事件 1. `keydown`事件:当用户按下键盘上的一个键时触发。 2. `keyup`事件:当用户释放键盘上的一个键时触发。 3. `keypress`事件:对于可打印字符,此事件在`keydown`之后、`keyup`之前...

    JS虚拟键盘 带中文拼音输入

    **JS虚拟键盘与中文拼音输入详解** 在网页开发中,有时候出于安全或用户体验考虑,我们需要为用户在浏览器端提供一个虚拟键盘。这尤其适用于输入敏感信息的场景,如在线支付或登录界面,防止键盘记录器窃取数据。...

    JS软键盘(javascript版本)

    该压缩包中包含了一个名为"JS软键盘.html"的文件,这可能是一个简单的HTML页面,用于展示如何使用JavaScript实现软键盘功能。在这个页面中,开发者可能通过JavaScript代码创建了一个虚拟键盘界面,并绑定了事件监听...

    js虚拟键盘

    总结,"js虚拟键盘"项目涉及到JavaScript编程、DOM操作、事件处理、CSS样式设计以及中英文输入的逻辑处理。通过学习和理解这个项目,开发者可以掌握创建自定义虚拟键盘的关键技术和实践方法,提升网页应用的用户体验...

    js软键盘,全键盘小键盘各一

    这通常涉及到修改JS文件中的键盘模板和事件处理逻辑。 总的来说,这套JavaScript软键盘解决方案为Web开发者提供了方便快捷的输入方式,无论是在桌面还是移动设备上,都能提供良好的交互体验。对于那些对用户输入有...

    javascript键盘响应js

    只需要引入js文件 没有switch case 没有if 只用关心键盘响应函数 欢迎提出意见 &lt;title&gt;key test &lt;script src="keyProcess.js"&gt; //一次性设置a-z的所有符号 var arr = []; //a的keyCode是65,所以先设置...

    js 软键盘 数字 键盘

    JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用开发。在移动设备或网页中,由于安全原因,通常不允许直接访问硬件键盘,因此开发者需要为输入框提供虚拟键盘,以便用户在触摸屏上进行输入...

    js 虚拟键盘 支持中英文切换 高灵敏度

    JavaScript(简称JS)虚拟键盘是一种基于Web的解决方案,它允许用户在网页上输入文本,尤其适用于触屏设备或需要安全输入的场景。标题中的“支持中英文切换”意味着这款虚拟键盘具备了输入中文和英文字符的功能,这...

    JS调用本地软键盘.zip

    在压缩包中的“JS调用本地软键盘”文件中,除了这个基本的示例之外,还可能包含了更详细的实现,例如如何关闭键盘、如何与特定输入框关联、如何处理不同浏览器的兼容性问题,以及可能的错误处理和用户反馈机制等。...

    js实现虚拟键盘

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,尤其是与HTML和CSS一起构建动态交互式用户界面。在这个场景中,我们讨论的是使用JavaScript来实现一个虚拟键盘,这对于触摸屏...

    JS软键盘代码

    在创建软键盘时,JavaScript可以用来定义键盘布局、按键事件监听以及输入值的处理。例如,可以通过创建一系列按钮元素,每个按钮代表一个字符或功能,然后绑定点击事件来模拟键盘输入。 jQuery是一个流行的...

    js 软键盘 软键盘(js)

    标题 "js 软键盘 软键盘(js)" 提到的是使用JavaScript开发的软键盘功能,这是在Web开发中常用于增强用户输入安全性的一种技术。JavaScript软键盘的主要目的是防止恶意程序通过监听物理键盘来窃取用户输入的敏感...

    js键盘事件实现人物的行走

    本文将详细介绍如何通过JavaScript的键盘事件来控制网页上人物的移动和跳跃,具体实现2D效果。为此,我们将通过示例代码来展示整个过程。首先,我们需要建立一个HTML文档,并通过CSS来设定基本的样式。然后,通过...

    js模拟键盘

    总的来说,JavaScript模拟键盘涉及到创建和触发键盘事件,以及处理各种键盘状态。虽然这种方法可以提供一定的交互体验,但在某些情况下,可能需要借助浏览器API或库(如`react-keyboard-event-handler`或`simulate-...

    js实现软键盘+小键盘

    在IT领域,JavaScript(简称JS)是一种广泛使用的前端编程语言,尤其在网页交互和动态功能实现上发挥着重要作用。本文将深入探讨如何使用JavaScript来实现虚拟键盘,包括小键盘的功能。 首先,我们要理解虚拟键盘的...

    H5 JS 模拟数字软键盘

    标题"“H5 JS 模拟数字软键盘”"指的是使用HTML5(H5)和JavaScript(JS)技术来创建一个虚拟的数字输入键盘,它可以在用户的设备上模拟实际的物理键盘,但只显示数字键,以提供更加安全和便捷的输入体验。...

    js键盘控制6键弹钢琴特效

    总结起来,"js键盘控制6键弹钢琴特效"项目是一个结合了JavaScript键盘事件处理、Web Audio API音乐合成和HTML/CSS网页设计的综合应用。通过监听键盘输入,生成并控制音频节点,配合视觉效果,模拟出真实的钢琴演奏...

    一款实用的js软键盘

    3. **安全策略**:为了防止中间人攻击,JS软键盘的通信应加密处理,确保数据在传输过程中的安全性。 4. **自定义配置**:为了适应不同场景的需求,软键盘可能支持自定义配置,如键盘布局、颜色主题、输入限制等。 ...

    web js虚拟键盘(中英文切换)

    总之,"Web JS虚拟键盘(中英文切换)"是一项实用的前端技术,它利用JavaScript和触摸事件,提供了在无物理键盘环境下输入文字的能力,尤其适用于移动设备和触摸屏应用。理解和掌握这一技术,有助于提升网页的易用性...

Global site tag (gtag.js) - Google Analytics