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制作的幻灯片图集效果打包下载
Feb 12 Javascript
javascript获取元素离文档各边距离的方法
Feb 13 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
深入理解$.each和$(selector).each
May 15 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
Dec 02 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
vue 自定义 select内置组件
Apr 10 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
Jun 06 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
PHP学习笔记之数组篇
2011/06/28 PHP
PHP数组操作类实例
2015/07/11 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
javascript移动设备Web开发中对touch事件的封装实例
2014/06/05 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
jquery实现界面无刷新加载登陆注册
2016/07/30 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
为什么推荐使用JSX开发Vue3
2020/12/28 Vue.js
python简单文本处理的方法
2015/07/10 Python
理解Python垃圾回收机制
2016/02/12 Python
Python判断中文字符串是否相等的实例
2018/07/06 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
python 标准差计算的实现(std)
2019/07/29 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Python基于network模块制作电影人物关系图
2020/06/19 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
Sneaker Studio乌克兰:购买运动鞋
2018/03/26 全球购物
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
如何清空Session
2015/02/23 面试题
简短的公司员工自我评价分享
2013/11/13 职场文书
个人贷款担保书
2014/04/01 职场文书
大学生职业生涯十年规划书范文
2014/09/17 职场文书
预防艾滋病宣传活动总结
2015/05/09 职场文书
婚育证明样本
2015/06/16 职场文书
房屋所有权证明
2015/06/19 职场文书
高三数学教学反思
2016/02/18 职场文书
C#连接ORACLE出现乱码问题的解决方法
2021/10/05 Oracle
Java 多态分析
2022/04/26 Java/Android