jQuery实现按Esc清除信息功能

  

  

  

  1.jQuery实现按Esc清除信息功能

  function clearLogs(){
     $(".logs").empty();
  }
    $(document).ready(function(){
      $(window).keyup(function(e){
         if(e.keyCode==27){//此处代表按的是键盘的Esc键
           clearLogs();
        }    
      });
      });

  2.扩展:

  其实jQuery提供了.which属性来确定是按了那个键,以下代码便可以确定

  

  

  

<html>

  <head>

    <script type="text/javascript" src="/jquery/jquery.js"></script>

    <script type="text/javascript">

      $(document).ready(function(){

        $("input").keydown(function(event){

          $("div").html("Key: " + event.which);

        });

      });

    </script>

  </head>

  <body>

  请随意键入一些字符:<input type="text" /> <p>当您在上面的框中键入文本时,下面的 div 会显示键位序号。</p> <div />

  </body>

</html>

时间: 2024-08-29 12:51:21

jQuery实现按Esc清除信息功能的相关文章

jquery的输入框自动补全功能+ajax

jquery的输入框自动补全功能+ajax 2017年05月10日 18:51:39 辣姐什么鬼 阅读数:1461 标签: web前端 更多 个人分类: web前端 内容参考网友文章写成,原博的链接找不到了,但是感谢分享! 效果图: 涉及到ajax请求我这里本地请求不到数据就先放测试代码,在文章的最后会放上ajax代码: 用来测试的代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset

iOS清除缓存功能开发

在APP开发中,大量的图片或消息占用系统内存,造成一堆垃圾信息,所以开发清除缓存功能就显得必不可少了. 代码段1:获取文件的大小 - (long long) fileSizeAtPath:(NSString*) filePath{ NSFileManager* manager = [NSFileManager defaultManager]; if ([manager fileExistsAtPath:filePath]){ return [[manager attributesOfItemAt

jquery.Table实现的翻页功能比较完整漂亮,本想扩展个模版DIV

jquery.dataTable实现的翻页功能比较完整漂亮,本想提取其的翻页部分,再结合模版DIV,bootstrop实现聊天记息的展示. jquery.Table 与table结合的较紧,不能在很下提取完成. 看了近一天的源码后,对API的结构,实现方式和思路有了基本的认识,但终因工作量太大放弃了提取的念头,时间所迫转用KenDo的翻页 不过这过程中,对其的API实现有了较深的认识. 这里摘录部分资料 以下是在进行dataTable绑定处理时候可以附加的参数: 属性名称 取值范围 解释 bAu

强大的响应式jQuery消息通知框和信息提示框插件

lobibox是一款功能非常强大的jQuery消息通知框和信息提示框插件.这个插件分为两个部分:消息通知框和信息提示框.它能非常好的结合Bootstrap使用. 信息提示框 lobibox的信息提示框可以是模态窗口,也可以不是模态窗口. 允许显示多条信息. 允许使用任何可用的CSS动画来显示和隐藏信息提示框. 信息提示框可以显示不同的颜色和图标. 可以设置为确认信息提示框. 可以设置为一行的prompt信息框.(可以使用任何HTML5的输入框类型来作为prompt) 也可以设置为多重prompt

Apicloud——关于获取缓存与清除缓存功能、字节转换

2019-01-02  13:58:15 清除缓存功能很常见,Apicloud中有现成的方法,整理记录一下: 其中字节转换部分,很合用. 以后会整理一份不仅限Apicloud中使用的. 1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="maximum-scale=

Java基础101 Struts2下的 jquery+ajax+struts 技术实现异步刷新功能

1.效果图示 横线上方的部分不动(没有刷新),下方实现刷新(异步刷新) 2.实现步骤 jquery+ajax+struts技术实现异步刷新功能的步骤:    1.需要用到 jquery+ajax+struts 那么需要用几个包:(commons-logging-1.0.4.jar.freemarker-2.3.13.jar.ognl-2.6.11.jar.struts2-core-2.1.6.jar.xwork-2.1.2.jar.commons-fileupload-1.2.1.jar)   

jQuery实现的输入文本计数功能代码

jQuery实现的输入文本计数功能代码:在一些比较人性化的留言回复功能中,都有这样的设计,那就是当输入文本的时候,能够实现计数功能,可以提示用户还能能够输入多少文字,这样可以便于用户选择更合适的语言描述,下面就是一段能够实现此功能的代码,需要的朋友可以进行一下借鉴.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author&q

JQUERY的给Check全选功能

//给Checkbox提供全选功能 $("#checkall").click(function(){ if(this.checked){ $("input[name='checkname[]']").each(function(){ this.checked = true; }); }else{ $("input[name='checkname[]']").each(function(){ this.checked = false; }); }

让浏览器支持 jquery ajax load 前进、后退 功能

BEGIN; 一般在做 ajax load 的时候,很多人都不会考虑到需要浏览器支持前进后退功能,因为大部分人都不知道可以实现. 最近遇到这个问题,经过一小段研究,发现github已经有现成的开源工具使用,主要实现原理是利用html的锚点,即<a href="#xxx">,详情可查看https://github.com/balupton/jquery-history/tree/master 主要demo代码如下: html <ul> <li><