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 相关文章推荐
jquery 插件开发方法小结
Oct 23 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
jquery等宽输出文字插件使用介绍
Sep 18 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
javascript倒计时效果实现
Nov 12 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
JS+CSS3实现超炫的散列画廊特效
Jul 16 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
微信小程序 MD5加密登录密码详解及实例代码
Jan 12 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 Javascript
原生JS实现九宫格抽奖
Sep 13 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
一个很方便的 XML 类!!原创的噢
2006/10/09 PHP
PHP网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
php数组删除元素示例
2014/03/21 PHP
php算法实例分享
2015/07/14 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
node.js中的fs.stat方法使用说明
2014/12/16 Javascript
javascript css红色经典选项卡效果实现代码
2016/05/17 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
基于vue.js的分页插件详解
2017/11/27 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
[01:02:38]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第二场 1月10日
2021/03/11 DOTA
Python实现的科学计算器功能示例
2017/08/04 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
Python搭建代理IP池实现获取IP的方法
2019/10/27 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
自动化系在校本科生求职信
2013/10/23 职场文书
幼师自荐信
2013/10/26 职场文书
高中生自我评语大全
2014/01/19 职场文书
小班开学寄语
2014/04/04 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
迟到检讨书
2015/01/26 职场文书
运动会通讯稿600字
2015/07/20 职场文书
配置Kubernetes外网访问集群
2022/03/31 Servers