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之typeof、instanceof操作符使用探讨
May 19 Javascript
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
简介JavaScript中substring()方法的使用
Jun 06 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
node.js 动态执行脚本
Jun 02 Javascript
轮播图组件js代码
Aug 08 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
js实现随机圆与矩形功能
Oct 29 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
PHP版本常用的排序算法汇总
2015/12/20 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
PHP递归算法的简单实例
2019/02/28 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
2016/01/05 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
微信小程序 实例开发总结
2017/04/26 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
python正则表达式re模块详解
2014/06/25 Python
Python多进程fork()函数详解
2019/02/22 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
香港百佳网上超级市场:PARKNSHOP.com
2020/06/10 全球购物
制药工程专业应届生求职信
2013/09/24 职场文书
大学应届生求职简历的自我评价
2013/10/08 职场文书
委托书样本
2014/04/02 职场文书
小学生期末评语大全
2014/04/21 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
民生工作实施方案
2014/05/31 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
泰山导游词
2015/02/02 职场文书
交通安全教育主题班会
2015/08/12 职场文书
2016年国陪研修感言
2015/11/18 职场文书
fastdfs+nginx集群搭建的实现
2021/03/31 Servers
react合成事件与原生事件的相关理解
2021/05/13 Javascript