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 相关文章推荐
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
Jul 04 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
AngularJS实现与后台服务器进行交互的示例讲解
Aug 13 Javascript
js实现淘宝首页的banner栏效果
Nov 26 Javascript
Vue实现兄弟组件间的联动效果
Jan 21 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
Jul 18 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
利用PHP创建动态图像
2006/10/09 PHP
15种PHP Encoder的比较
2007/04/17 PHP
php邮件发送,php发送邮件的类
2011/03/24 PHP
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
php数组遍历类与用法示例
2019/05/24 PHP
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
生成二维码方法汇总
2014/12/26 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
js点击选择文本的方法
2015/02/09 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
react学习笔记之state以及setState的使用
2017/12/07 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
Python httplib模块使用实例
2015/04/11 Python
PyCharm代码提示忽略大小写设置方法
2018/10/28 Python
Python大数据之网络爬虫的post请求、get请求区别实例分析
2019/11/16 Python
Python解释器及PyCharm工具安装过程
2020/02/26 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
医学生求职自荐信
2013/10/25 职场文书
需求分析说明书
2014/05/09 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
公司会议开幕词
2015/01/29 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
心理健康教育主题班会
2015/08/13 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫