JS监听Esc 键触发事键


Posted in Javascript onApril 14, 2021
   
(function ($) {            
    $(document).ready(function () {                /** Coding Here */             }).keydown(function (e) {               
        if (e.which === 27) {                  
            var windowHeight = $(window).height();                  
            $("#base").css({                     
                "height": windowHeight - 17                  
            })               
        }            
    });         
})(jQuery);;         
(function (f) {            
    if (navigator.userAgent.indexOf('MSIE') !== -1) {               
        document.attachEvent('onkeydown', function () {                  
            if (event.keyCode == 27) {                     
                f.call(this, event);                  
            }               
        });            
    } else {               
        document.addEventListener('keydown', function (e) {                  
            if (e.which == 27) {                     
                f.call(this, e);                  
            }               
        }, false);            
    }         
})(function (e) {             /** 这里编写当ESC按下时的处理逻辑! */             
    var windowHeight = $(window).height();            
    $("#base").css({               
        "height": windowHeight - 17            
    })

             
});

 

Javascript 相关文章推荐
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
jquery得到font-size属性值实现代码
Sep 30 Javascript
javascript 回到顶部效果的实现代码
Feb 17 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
初识Node.js
Mar 20 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
Oct 16 Javascript
vue router返回到指定的路由的场景分析
Nov 10 Javascript
JS+CSS实现过渡特效
Jan 02 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
PHP下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
destoon利用Rewrite规则设置网站安全
2014/06/21 PHP
php中fsockopen用法实例
2015/01/05 PHP
php冒泡排序与快速排序实例详解
2015/12/07 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
用CSS+JS实现的进度条效果效果
2007/06/05 Javascript
jQuery select的操作实现代码
2009/05/06 Javascript
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
jQuery数组处理代码详解(含实例演示)
2012/02/03 Javascript
一个js控制的导航菜单实例代码
2013/12/03 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
javascript中sort排序实例详解
2016/07/24 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
2017/03/30 jQuery
bootstrap模态框示例代码分享
2017/05/17 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
vscode 开发Vue项目的方法步骤
2018/11/25 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
2020/04/27 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
python使用cookie库操保存cookie详解
2014/03/03 Python
简单讲解Python中的闭包
2015/08/11 Python
Python 类的继承实例详解
2017/03/25 Python
Python数据结构之栈、队列的实现代码分享
2017/12/04 Python
Python读取properties配置文件操作示例
2018/03/29 Python
Django代码性能优化与Pycharm Profile使用详解
2018/08/26 Python
python中Lambda表达式详解
2019/11/20 Python
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
意向协议书范本
2014/04/23 职场文书
三八节标语
2014/06/27 职场文书
小学重阳节活动总结
2015/03/24 职场文书
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python
Nginx限流和黑名单配置
2022/05/20 Servers