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 14 Javascript
JQuery Mobile实现导航栏和页脚
Mar 09 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
在一个页面实现两个zTree联动的方法
Dec 20 Javascript
ES6使用export和import实现模块化的方法
Sep 10 Javascript
Vue Object 的变化侦测实现代码
Apr 15 Javascript
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
简单示例AJAX结合PHP代码实现登录效果代码
2008/07/25 PHP
PHP XML备份Mysql数据库
2009/05/27 PHP
PHP获取数组中指定的一列实例
2017/12/27 PHP
json的定义、标准格式及json字符串检验
2014/05/11 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
js控制输入框获得和失去焦点时状态显示的方法
2015/01/30 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
2017/04/20 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
JavaScript中重名的函数与对象示例详析
2017/09/28 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
python flask安装和命令详解
2019/04/02 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
Python调用JavaScript代码的方法
2020/10/27 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
HTML5文档结构标签
2017/04/21 HTML / CSS
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
师范生实习的个人自我鉴定
2013/10/20 职场文书
男女朋友协议书
2014/04/23 职场文书
酒店节能减排方案
2014/05/26 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
离婚案件被告代理词
2015/05/23 职场文书
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL
python运行脚本文件的三种方法实例
2022/06/25 Python