web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)

如何取得

基本上都是从动作的event 中去判断。

IE下的处理

在IE中， window 对象里就有包含event. 看例子：

<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>
function showWinEvent()
{if(window.event.altKey){alert("you pressed Alt Key");}else if(window.event.ctrlKey){alert("you pressed Ctrl Key");}else if(window.event.shiftKey){alert("you pressed Shift Key");}else{//alert(window.event.button)}
}
</script>
</HEAD><BODY>
<input οnclick="showWinEvent()" type="button" value="click me">
</BODY>
</HTML>

以上在IE和Chrome 中都能work, 但是在firefox中却有问题，会报undefined 的错误，因为firefox 的window 对象不包含event.

兼容firefox的方式

<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>
function showWinEvent(evn)
{if(evn.altKey){alert("you pressed Alt Key");}else if(evn.ctrlKey){alert("you pressed Ctrl Key");}else if(evn.shiftKey){alert("you pressed Shift Key");}else{//alert(window.event.button)}
}
</script>
</HEAD><BODY>
<input οnclick="showWinEvent(event)" type="button" value="click me">
</BODY>
</HTML>

解析与进阶

。。。

web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)相关推荐

Qt QWebChannel web端js与C++交互
文章目录 1. QWebChannel 2. 使用QWebEngine的示例 2.1 C++端代码 2.1.1 mainwindow.cpp 2.1.2 mytestclass.h 2.1.3 myt ...
Emqx3.4.4(企业版试用) web端 js实现消息的发布接收
本文只介绍如何进行消息的发布,接收,至于emqx服务器需要靠小伙伴们自己本文章emq服务器为企业版试用,但消息的接收发布与emqx broker是一样的 Paho.mqtt.js Paho 是 E ...
Web 端 js 导出csv文件(使用a标签)
前言导出文件,使用最多的方式还是服务器端来处理.比如jsp 中使用response 的方式. 但是,有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢? 比如说,导出页面的一个表格. 这 ...
高德地图 web 端 JS API 遇到的坑及性能优化
[JS API V2.0] 本指望全面提升一下性能,结果发现一些硬伤,迫不得已转到1.4.15版本,先说一下最新的v2.0的问题. 因为务业需要规划线路,但是这个版本中,规划线路,并且经过中间点时,部 ...
高德地图web端js
下面是一些高德地图使用例子,自定义展示,右击拖动,搜索,画圆,定位等功能,没有整理仅供参考 var infoWindow = new AMap.InfoWindow({isCustom:true,// ...
vue使用高德地图web端JS API（vue-amap插件）
高德地图地图 JS API v2.0:https://lbs.amap.com/api/jsapi-v2/summary/ vue-amap(基于Vue 2.0和高德地图的地图组件):https:// ...
web端拉取m3u8直播流，进行播放
最近在做直播功能,客户端用ffmpeg rtmp的方式推flv封装流到cdn,然后web端也用rtmp播放flv封装流,但是不能成功,这是浏览器不再支持flash的缘故. 故改成web端拉取m3u8直 ...
Matlab部署web端app（一）
Matlab将自己开发的app部署到web端(一) 通常Matlab开发出的独立exe需要运行在独立的电脑端,这样就需要将exe安装文件拷贝给他人,不方便共享使用. 为了便利共享使用或者保护软件,可以 ...
WEB端Monkey测试gremlins.js
一直想做web端UI自动化测试,网上查阅了大量的资料,发现有一个线程的monkey测试工具,地址:https://github.com/marmelab/gremlins.js.但是我对js不是很精 ...

web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)

如何取得

IE下的处理

兼容firefox的方式

解析与进阶

web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)相关推荐

最新文章

热门文章