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 相关文章推荐
Dojo之路:如何利用Dojo实现Drag and Drop效果
Apr 10 Javascript
JavaScript类和继承 prototype属性
Sep 03 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
Sep 02 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
JS实现HTML标签转义及反转义
Apr 14 Javascript
Vue实现动态创建和删除数据的方法
Mar 17 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
vue实现分页组件
Jun 16 Javascript
Vue自动构建发布脚本的方法示例
Jul 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来处理多个提交任务
2006/10/09 PHP
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
PHP获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
php中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
php自动识别文字编码并转换为目标编码的方法
2015/08/08 PHP
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
js获取鼠标点击的位置实现思路及代码
2014/05/09 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
2015/12/08 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
canvas绘制七巧板
2017/02/03 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
vue快捷键与基础指令详解
2017/06/01 Javascript
Vue 中的compile操作方法
2018/02/26 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
vue两组件间值传递 $router.push实现方法
2019/05/15 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
线程和进程的区别及Python代码实例
2015/02/04 Python
如何在python字符串中输入纯粹的{}
2018/08/22 Python
python里dict变成list实例方法
2019/06/26 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
日本索尼音乐商店:Sony Music Shop
2018/07/17 全球购物
投资协议书范本
2014/04/21 职场文书
中学生英语演讲稿
2014/04/26 职场文书
保护动物的标语
2014/06/11 职场文书
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
复兴之路展览观后感
2015/06/02 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
新手必备Python开发环境搭建教程
2021/05/28 Python