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 相关文章推荐
一些常用的JS功能函数代码
Jun 23 Javascript
jquery模拟SELECT下拉框取值效果
Oct 23 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
深入理解JavaScript继承的多种方式和优缺点
May 12 Javascript
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 Javascript
微信小程序实现弹出菜单功能
Jun 12 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 Javascript
jQuery实现影院选座订座效果
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
JavaScript实现复选框全选功能
js实现上传图片到服务器
Apr 11 #Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 #Javascript
uniapp开发小程序的经验总结
JS新手入门数组处理的实用方法汇总
Apr 07 #Javascript
You might like
4月1日重磅发布!《星际争霸II》6.0.0版本更新
2020/04/09 星际争霸
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
PHP编程函数安全篇
2013/01/08 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
PHP memcache在微信公众平台的应用方法示例
2017/09/13 PHP
php session_decode函数用法讲解
2019/05/26 PHP
js自带函数备忘 数组
2006/12/29 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
Javascript与jQuery方法的隐藏与显示
2015/01/19 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
HTML Table 空白单元格补全的简单实现
2016/10/13 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
js中DOM三级列表(代码分享)
2017/03/20 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
详解js加减乘除精确计算
2019/03/19 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
利用python获取Ping结果示例代码
2017/07/06 Python
python实现连连看辅助(图像识别)
2020/03/25 Python
解决Django migrate不能发现app.models的表问题
2019/08/31 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
巴西女装购物网站:Eclectic
2018/04/24 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
面料业务员岗位职责
2013/12/26 职场文书
少先队入队活动方案
2014/02/08 职场文书
销售会计岗位职责
2014/03/15 职场文书
产品质量承诺书范文
2014/03/27 职场文书
工商局个人工作总结
2015/03/03 职场文书
2015年行政部工作总结
2015/04/28 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python