捕获键盘事件(且兼容各浏览器)
例子:屏蔽浏览器F5刷新,代用刷新iframe框架
代码如下:
// 捕获F5事件
$("body").keydown(function(e){
var ev = window.event || e;
var code = ev.keyCode || ev.which;
if (code==116) {
// 阻止默认的F5事件
if(ev.preventDefault) {
ev.preventDefault();
}else {
ev.keyCode=0;
ev.returnValue=false;
}
// 调用刷新函数
Refresh();
}
});
// 刷新当前框架
function Refresh() {
document.getElementById('right-main-frame').contentWindow.location.reload();//支持IE
}
其他键盘事件:
code==13;//Enter回车事件
code==37;//左方向键
code==38;//向上向键
code==39;//向右方向键
code==40;//向下方向键
code==8;//退格删除键
code==116;//F5刷新键
code==78;//Ctrl+n
code==121;//Shift+F10
code==122;//F12
相关推荐
-
js获取键盘按键响应事件(兼容各浏览器)
复制代码 代码如下: <script type="text/javascript" language=JavaScript charset="UTF-8">document.onkeydown=function(event){var e = event || window.event || arguments.callee.caller.arguments[0];if(e && e.keyCode==27){ // 按 Esc //要做的
-
js 键盘记录实现(兼容FireFox和IE)
主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown.onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypress比较
-
捕获键盘事件(且兼容各浏览器)
例子:屏蔽浏览器F5刷新,代用刷新iframe框架 复制代码 代码如下: // 捕获F5事件$("body").keydown(function(e){var ev = window.event || e;var code = ev.keyCode || ev.which;if (code==116) { // 阻止默认的F5事件if(ev.preventDefault) {ev.preventDefault();}else {ev.keyCode=0;ev.returnValue=f
-
详解pygame捕获键盘事件的两种方式
方式1:在pygame中使用pygame.event.get()方法捕获键盘事件,使用这个方式捕获的键盘事件必须要是按下再弹起才算一次. 示例示例: for event in pygame.event.get(): # 捕获键盘事件 if event.type == pygame.QUIT: # 判断按键类型 print("按下了退出按键") 方式2:在pygame中可以使用pygame.key.get_pressed()来返回所有按键元组,通过判断键盘常量,可以在元组中判断出那个键被
-
javascript 键盘事件总结 推荐
在form中, submit的快捷键是 enter,reset的快捷键是 esc.不过在IE6,safari4,ff3.5,opera10,chrome中,按Enter,不但激发form的submit事件,同时也会激发提交按钮的onclick,激发顺序为提交按钮的 onclick → form 的 onsubmit. 键盘事件 键盘事件 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 不过并不止提交按钮会激发form的submit事件,连同上面的归纳如下: 1. 如果表单里有一个ty
-
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex设置为负数的时候,在使用Tab键的时候就不会获得焦点). 键盘事件可以传
-
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做 //定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理 var eventUtil ={ addEvent:function(element,type,handler){ if (element.addEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,fa
-
javascript 按键事件(兼容各浏览器)
第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown.onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级.这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后
-
javascript 兼容各个浏览器的事件
调用事件: 事件对象 什么是事件对象?在触发dom上的事件是都会产生一个事件对象event.例如鼠标点击的时候,自己就会产生比如点击的类型啊 还要那个元素发出的 dom 事件对象 type 属性用于获取事件对象, target属性 用于获取事件目标,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认行为 IE中的事件对象 type 属性 用于获取事件对象, srcElement属性 用于获取事件目标 cancelBubble属性 用于阻止事件
-
原生JS绑定滑轮滚动事件兼容常见浏览器
滑轮滚动页面的事件在网页特效中进场遇到,但是在不同浏览器下的实现方式又不同.下面我实现的方法,兼容常见浏览器. function getData(event){ var e = event || window.event; //获取滚动距离(FF每次滚动 data为3或者-3,其他为120或者-120) var data = e.detail || e.wheelDelta; alert(data); } //IE之外的绑定事件方法 if(document.addEventListener &&a
-
JS兼容所有浏览器的DOMContentLoaded事件
使用JavaScript操作dom元素的时候,通常会将获取dom元素的代码放在window.onload=function(){}事件处理函数中,但window.onload事件在某些开始后可能会影响客户体验,因为要等待所有的脚本,css代码和图片等内容加载完毕才会触发此事件,尤其是如果图片量很大的情况下,会严重客户体验.所以很多时候,只需要DOM结构加载完毕即可,jQuery的$(document).ready(function(){})实现此功能,下面介绍一下原生JavaScript如何实现
-
jquery 键盘事件 keypress() keydown() keyup()用法总结
事件的定义 完整的 key press 过程分为两个部分:1. 按键被按下:2. 按键被松开. 当按钮被按下时,发生 keydown 事件. keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数. 当按钮被松开时,发生 keyup 事件.它发生在当前获得焦点的元素上. keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数. keypress 事件与 keydown 事件类似.当按钮被按下时,会发生该事件.它发生在当前
随机推荐
- 分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
- Lua基础教程之表(Table)学习笔记
- sqlserver中向表中插入多行数据的insert语句
- VueJs组件prop验证简单介绍
- 基于iOS实现倒影效果
- IOS HTTP请求的常见状态码总结
- Linux Docker安装wordpress的方法详解教程
- 深入解析StringBuffer和StringBuilder的区别
- jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
- 深入学习nodejs中的async模块的使用方法
- 用sql实现18位身份证校验代码分享 身份证校验位计算
- SpringMVC restful 注解之@RequestBody进行json与object转换
- python的变量与赋值详细分析
- Java网络编程教程之设置请求超时的方法
- 使用Docker部署Spring Boot的应用示例
- Python3 执行Linux Bash命令的方法
- Android使用开源组件PagerBottomTabStrip实现底部菜单和顶部导航功能
- Spring中如何获取request的方法汇总及其线程安全性分析
- Java实现Word/Pdf/TXT转html的实例代码
- @Validated验证List集合的方法示例