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中的事件处理
Jan 16 Javascript
Javascript 按位取反运算符 (~)
Feb 04 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
基于vue-element组件实现音乐播放器功能
May 06 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
javascript实现留言板功能
Feb 08 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
Apr 11 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
PHP与SQL注入攻击[一]
2007/04/17 PHP
php实现jQuery扩展函数
2009/10/30 PHP
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
关于Iframe父页面与子页面之间的相互调用
2016/11/22 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
原生js实现each方法实例代码详解
2019/05/27 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
jQuery实现tab栏切换效果
2020/12/22 jQuery
Python牛刀小试密码爆破
2011/02/03 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
pycharm创建一个python包方法图解
2019/04/10 Python
Python的互斥锁与信号量详解
2019/09/12 Python
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
英国计算机商店:Technextday
2019/12/28 全球购物
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
关于祖国的演讲稿
2014/05/04 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
朋友离别感言
2015/08/04 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书