捕获键盘事件(且兼容各浏览器)

例子:屏蔽浏览器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

时间: 2024-08-19 06:28:06

捕获键盘事件(且兼容各浏览器)的相关文章

捕获键盘事件(且兼容各浏览器)_javascript技巧

例子:屏蔽浏览器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

jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)_jquery

键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex设置为负数的时候,在使用Tab键的时候就不会获得焦点).     键盘事

javascript 按键事件(兼容各浏览器)_javascript技巧

第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown.onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级.这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后

纯JavaScript实现的兼容各浏览器的添加和移除事件封装_javascript技巧

//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做 //定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理 var eventUtil ={ addEvent:function(element,type,handler){ if (element.addEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,fa

js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome

js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome 文本框: 复制代码 代码如下:<input type="text" onkeydown="keydownsearch(event)" /> js代码: 复制代码 代码如下: function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "")

原生JS绑定滑轮滚动事件兼容常见浏览器_javascript技巧

滑轮滚动页面的事件在网页特效中进场遇到,但是在不同浏览器下的实现方式又不同.下面我实现的方法,兼容常见浏览器. 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

javascript 兼容各个浏览器的事件_javascript技巧

调用事件: 事件对象 什么是事件对象?在触发dom上的事件是都会产生一个事件对象event.例如鼠标点击的时候,自己就会产生比如点击的类型啊 还要那个元素发出的 dom 事件对象   type 属性用于获取事件对象, target属性 用于获取事件目标,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认行为 IE中的事件对象  type 属性 用于获取事件对象, srcElement属性 用于获取事件目标 cancelBubble属性  用于阻止事件

suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)_javascript技巧

重要的键盘事件: 事件顺序:keydown -> keypress ->keyup 对于输入法开启时: keypress: 这三个事件中最最特别的事件的说,如果巧妙运用可以事半功倍: 1. 首先对于大部分功能键是没有keypress事件的 Caps lock ,shift,alt,ctrl,num lock...庆幸的是enter拥有此事件 2. 对于字母,数字,press返回的keyCode是不可靠的 在IE和webkit 下 返回的是ASCII code firfox下永远返回0 但是 对

浅谈js键盘事件全面控制_javascript技巧

主要分四个部分 第一部分:浏览器的按键事件 第二部分:兼容浏览器 第三部分:代码实现和优化 第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypr