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 面向对象全新理练之继承与多态
Dec 03 Javascript
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
jquery的map与get方法详解
Nov 04 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
Jul 10 Javascript
完美解决vue 中多个echarts图表自适应的问题
Jul 19 Javascript
jQuery实现朋友圈查看图片
Sep 11 jQuery
Vue3不支持Filters过滤器的问题
Sep 24 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
PHP中删除变量时unset()和null的区别分析
2011/01/27 PHP
linux中cd命令使用详解
2015/01/08 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
php中错误处理操作实例分析
2019/08/23 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
iframe 异步加载技术及性能分析
2011/07/19 Javascript
分享XmlHttpRequest调用Webservice的一点心得
2012/07/20 Javascript
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
jqGrid表格应用之新增与删除数据附源码下载
2015/12/02 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
JavaScript中String对象的方法介绍
2017/01/04 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
python实现简易版计算器
2020/06/22 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
详解Python3中ceil()函数用法
2019/02/19 Python
python中下标和切片的使用方法解析
2019/08/27 Python
安装PyInstaller失败问题解决
2019/12/14 Python
Python3标准库glob文件名模式匹配的问题
2020/03/13 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
extern是什么意思
2016/03/10 面试题
常见的软件开发流程有哪些
2015/11/14 面试题
幼儿园庆六一活动方案
2014/03/06 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
大班下学期个人总结
2015/02/13 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书