摁下回车键进行查询(优化)

外部js文件:enterKeySearch.js

$(function(){
      window.onkeyup = function(event) {
        if (flag && event.keyCode == 13) {
           doSubmit();
        }
      }
   var flag = false;
   var $querys = $(".query");
   for (var i = 0; i < $querys.length; i++) {
      var $query = $($querys.get(i));
      $query.bind({
        "focus" : function() {
           flag = true;
        },
        "blur" : function() {
           flag = false;
        }
      });
   }
});

使用方法:

1、在控件获取焦点后,键盘回车需要进行查询的html控件的class属性添加query,例如class="query",class="style1  query"

2、实现doSubmit方法。doSubmit方法是回车事件后执行的操作,比如查询操作。

实现思路:

1、页面加载时,初始化一个标识符flag(该标识符为true则表明支持enter键查询的html标签获得了焦点,为false则支持enter键查询的html标签都没有获取焦点),

取出class="query"的所有html标签,循环遍历给每个取出来的html标签添加focus和blur事件

给window绑定onkeyup事件

2、当class="query"的标签获取焦点时,则会将flag设置为true,当失去焦点,将flag设置为false

3、当摁下键盘,会判断是否是enter键(enter键keyCode为13),如果是enter键,并且flag为true,即获取有焦点,则会调用doSubmit方法

4,、在doSubmit方法中进行一些自定义的操作

时间: 2024-10-08 22:03:36

摁下回车键进行查询(优化)的相关文章

摁下回车键进行查询

外部js文件enterKeySearch.js var flag=false; function search(submitButton){ initSearch(); window.onkeyup=function(event){ if(flag&&event.keyCode==13){ submitButton.submit(); } } } function initSearch(){ var $querys = $(".query"); for(var i=0;

条件查询,有input和select框,当查询条件获取焦点时支持摁下enter键查询

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

bind绑定事件,摁回车键提交查询,点击查询也可以提交查询

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

在浏览器中输入URL按下回车键后发生了什么

在浏览器中输入URL按下回车键后发生了什么 [1]解析URL[2]DNS查询,解析域名,将域名解析为IP地址[3]ARP广播,根据IP地址来解析MAC地址[4]分别从应用层到传输层.网络层和数据链路层分别加入各个层的头部封装为包[5]进行三次握手后,客户端与服务器建立连接[6]客服务器向客户端返回数据,浏览器接收到数据[7]浏览器开始渲染页面 补充:浏览器渲染页面详解 [1]由从服务器接收到的html形成DOM[2]样式被加载和解析,形成css对象模型CSSOM[3]DOM和CSSOM创建一个渲

浏览器中输入Google.com然后按下回车键

按下回车键,当然会产生操作系统的中断响应,产生一个WM_KEYDOWN消息,当然这些都不是计算机网络的东西,这里只讨论计算机网络相关的东西: 解析URL 浏览器通过URL能够知道下面的信息: Protocol “http”,使用HTTP协议.Resource "/",请求的资源的位置.知道域名是www.google.com DNS查询 浏览器提出检查域名的请求,调用操作系统的库函数进行查询,库函数首先看看要查询的域名是否在本地主机里,如果库函数在本地主机中没有找到这个域名的缓存记录,那

Mysql优化系列(1)--Innodb引擎下mysql自身配置优化

摘自 http://www.cnblogs.com/kevingrace/p/6133818.html 1.简单介绍InnoDB给MySQL提供了具有提交,回滚和崩溃恢复能力的事务安全(ACID兼容)存储引擎.InnoDB锁定在行级并且也在SELECT语句提供一个Oracle风格一致的非锁定读.这些特色增加了多用户部署和性能.没有在InnoDB中扩大锁定的需要,因为在InnoDB中行级锁定适合非常小的空间.InnoDB也支持FOREIGN KEY强制.在SQL查询中,你可以自由地将InnoDB类

CentOS服务器下对mysql的优化

原文链接: CentOS服务器下对mysql的优化 一.mysql的优化思路 mysql的优化分为两方面: 1. 服务器使用前的优化 2. 服务使用中的优化 二.mysql的基础优化步骤 1. 硬件级优化 (1). 最好mysql自己使用一台物理服务器 (2). 内存和CPU方面,根据需求给予mysql服务器足够大的内存和足够多的CPU核数 (3). 避免使用Swap交换分区–交换时从硬盘读取的它的速度很慢,有的DBA安装系统时就不装swap分区 (4). 如果是mysql主库,硬盘可以选用比较

Android Studido下的应用性能优化总结-内存优化

转载请标明出处(请勿转载删除底部微博.微信等信息): http://blog.csdn.net/Y1258429182/article/details/51176424 本文出自:杨哲丶的博客 上一篇文章总结的布局优化的问题,如果对布局优化不是很熟悉的,可以看一下Android Studido下的应用性能优化总结–布局优化, 这周一直筹划总结一下内存优化的问题,因为现在对于应用优化的文章很多,但是还是想完善一下才想分享这篇文章的,我会从项目中遇到的一个问题,通过解决问题的过程来分享知识,希望大家

Android Studio下的应用性能优化总结-内存优化

转载请标明出处(请勿转载删除底部微博.微信等信息): http://blog.csdn.net/Y1258429182/article/details/51176424 本文出自:杨哲丶的博客 上一篇文章总结的布局优化的问题,如果对布局优化不是很熟悉的,可以看一下Android Studido下的应用性能优化总结–布局优化, 这周一直筹划总结一下内存优化的问题,因为现在对于应用优化的文章很多,但是还是想完善一下才想分享这篇文章的,我会从项目中遇到的一个问题,通过解决问题的过程来分享知识,希望大家