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 28 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
Oct 27 Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
Jun 14 Javascript
JavaScript面试技巧之数组的一些不low操作
Mar 22 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
详解JavaScript类型判断的四种方法
Oct 21 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
php json_encode()函数返回json数据实例代码
2014/10/10 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
PHP中使用匿名函数操作数据库的例子
2014/11/17 PHP
PHP的APC模块实现上传进度条
2015/10/27 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
Python开发编码规范
2006/09/08 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
Win10环境python3.7安装dlib模块趟过的坑
2019/08/01 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
如何用tempfile库创建python进程中的临时文件
2021/01/28 Python
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
2013/06/09 HTML / CSS
广告设计专业自荐信范文
2013/11/14 职场文书
美发活动策划书
2014/01/14 职场文书
结婚邀请函范文
2014/01/14 职场文书
婚前协议书怎么写
2014/04/15 职场文书
学生自我评语大全
2014/04/18 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
王亚平太空授课观后感
2015/06/12 职场文书
vue的项目如何打包上线
2022/04/13 Vue.js
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python