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自动完成插件(autocomplete)应用之PHP版
Dec 15 Javascript
javascript 哈希表(hashtable)的简单实现
Jan 20 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
Mar 28 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
解决vue组件中click事件失效的问题
Nov 09 Javascript
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
Protoss魔法科技
2020/03/14 星际争霸
深入解析PHP的Yii框架中的缓存功能
2016/03/29 PHP
Smarty模板常见的简单应用分析
2016/11/15 PHP
JavaScript DOM 添加事件
2009/02/14 Javascript
JQuery困惑—包装集 DOM节点
2009/10/16 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
使用时间戳解决ie缓存的问题
2014/08/20 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
2017/10/12 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
Python socket C/S结构的聊天室应用实现
2014/11/30 Python
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
Python告诉你木马程序的键盘记录原理
2019/02/02 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
Python代码执行时间测量模块timeit用法解析
2020/07/01 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
雅诗兰黛(Estee Lauder)英国官方网站:世界顶级化妆品牌
2016/12/29 全球购物
SmartBuyGlasses意大利:购买太阳镜、眼镜和隐形眼镜
2018/11/20 全球购物
董事长职责范文
2013/11/08 职场文书
网络技术专业求职信
2014/07/13 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
年终工作总结范文2014
2014/11/27 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
Python 中的Sympy详细使用
2021/08/07 Python
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫