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中getJSON的使用方法
Dec 13 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
LayUI数据接口返回实体封装的例子
Sep 12 Javascript
vue 实现把路由单独分离出来
Aug 13 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
PHP程序员编程注意事项
2008/04/10 PHP
PHP排序算法的复习和总结
2012/02/15 PHP
PHP实现合并discuz用户
2015/08/05 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
基于javascript实现最简单的选项卡切换效果
2016/05/16 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
2016/10/28 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
js中的reduce()函数讲解
2019/01/18 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
python paramiko模块学习分享
2017/08/23 Python
Python 基础教程之闭包的使用方法
2017/09/29 Python
python 删除指定时间间隔之前的文件实例
2018/04/24 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
Python with语句用法原理详解
2020/07/03 Python
Python爬虫之Selenium实现键盘事件
2020/12/04 Python
python中altair可视化库实例用法
2021/01/26 Python
Vilebrequin欧洲官网:法国豪华泳装品牌(男士沙滩裤)
2018/04/14 全球购物
《诚实与信任》教学反思
2014/04/10 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
四风问题自我剖析材料
2014/10/07 职场文书