代码收藏系列--jquery--筛选器、事件绑定技巧

Jquery筛选器的一些常用技巧,比如过滤属性等

/* 过滤获取没有含data-xsui-grid-colspan的节点 */
$(this).find(‘.xsui-grid-cell:not([data-xsui-grid-colspan])‘);

jQuery绑定input控件的回车事件

// input文本输入框按确定按键后,触发Tab按键,自动跳到下一个输入框
$(‘input[type="text"]‘).bind(‘keydown‘, function (e) {
    if (e.keyCode == 13) {
        var $inputs = $(‘input, select, textarea‘); //
        var inputcount = $inputs.length;
        var inputidx = $inputs.index($(this));
        if (inputcount > 0 && inputidx < inputcount) {
            $inputs.eq(inputidx + 1).focus();
        }
        //e.keyCode=9; // 没卵用
    }
});
// javascript绑定页面回车按键事件
document.onkeydown = function (e) {
    var ev = document.all ? window.event : e;
    if (ev.keyCode == 13) {
        alert(‘javascript绑定页面回车按键事件‘);
        document.forms[0].submit();
        //$(‘form).submit();//处理事件

    }
}
// jQuery绑定页面回车按键事件
$("body").bind(‘keyup‘, function (event) {
    if (event.keyCode == 13) {
        alert(‘jQuery绑定页面回车按键事件‘);
        document.form.submit();
    }
});
// 如果表单中有包含[type="submit"]的按钮,只要页面获得焦点,则会自动绑定回车事件到提交按钮上,无需额外代码绑定
// 如果提交表单的按钮不是一个常规的提交按钮,而是一个超链接或普通button控件,则需要在控件上绑定Enter事件(也可以直接用Click事件代替)
$(‘a‘).keydown(function (e) {
    if (e.keyCode == 13) {
        alert(‘a标签获得焦点后,按Enter提交表单‘)
        $(‘form‘).submit(); //处理事件
    }
});
$(‘a‘).click(function () {
    alert(‘a标签获得焦点后,按Enter提交表单‘)
    $(‘form‘).submit(); //处理事件
});

下载:[jquery_keyboard_event_demo.zip]


版权声明:本文采用署名-非商业性使用-相同方式共享(CC BY-NC-SA 3.0 CN)国际许可协议进行许可,转载请注明作者及出处。
本文标题:代码收藏系列--jquery--筛选器技巧
本文链接:http://www.cnblogs.com/sochishun/p/7061576.html
本文作者:SoChishun (邮箱:14507247#qq.com | 博客:http://www.cnblogs.com/sochishun/)
发表日期:2017年6月23日

时间: 2024-10-24 20:29:32

代码收藏系列--jquery--筛选器、事件绑定技巧的相关文章

jQuery筛选器及对DOM修改(学习笔记)

1.jQuery筛选器 注意:请先在管理Nuget程序包中查找jQuery包,并安装.也可以在jQuery官网下载. 实现: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; char

代码收藏系列--mysql创建数据库、数据表、函数、存储过程命令

创建mysql数据库 CREATE DATABASE IF NOT EXISTS `database_name` DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 创建mysql数据表 drop table if exists `table_name`; create table if not exists `table_name` ( id int auto_increment primary key comment '主键编号', `name` va

jQuery中的事件绑定方法

在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知道,不管你用的是(live/ bind / delegate)之中那个方法,最终都是jQuery底层都是调用on方法来完成最终的事件绑定;.unbind(), .die(), .undelegate(),也是一样的都是通过.off()来实现的; 因此从某种角度来讲除了在书写的方便程度及习惯上挑选,不

代码收藏系列--javascript--移动端技巧

JS判断是否是手机端访问: var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; if (is_mobi) { window.location.href = "http://m.xxx.com"; } JS判断安卓浏览器.IOS浏览

jQuery新的事件绑定机制on()

今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(events,[selector],[data],fn) events:一个或多个用空格分隔

jQuery插件 -- 动态事件绑定插件jquery.livequery.js

http://blog.csdn.net/zzq58157383/article/details/7721974 动态事件绑定插件livequery, 可以利用它给相应的DOM元素注册事件或者触发回调函数.不仅当选择器匹配的元素会被绑定事件,而且后来通过JavaScript添加的元素都会被绑定事件.当元素不再和选择器匹配时,livequery会自动取消事件注册,使得开发者不再需要关注HTML元素的来源,只需要关注如何编写其绑定的事件即可 通过jQuery选择器选择一个DOM元素,livequer

Jquery中的事件绑定$(&quot;#btn&quot;).bind(&quot;click&quot;,function(){ })

Jquery中的事件绑定:$("#btn").bind("click",function(){  }) 因为每次都这么调用太麻烦,所以jquery就用$("#btn").click(function(){})来进行简化 Jquery中的事件绑定$("#btn").bind("click",function(){ })

代码收藏系列--javascript--日期函数

/** * 将 Date 转化为指定格式的String * 月(M).日(d).12小时(h).24小时(H).分(m).秒(s).周(E).季度(q) 可以用 1-2 个占位符 * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * @param Date date * @param string fmt * @returns string */ function formatDate(date, fmt) { //author: meizz var

代码收藏系列--php--加载sql文件并解析成数组

php加载sql文件,解析成以分号分割的数组.(支持存储过程和函数提取,自动过滤注释) /** * 加载sql文件为分号分割的数组 * <br />支持存储过程和函数提取,自动过滤注释 * <br />例如: var_export(load_sql_file('mysql_routing_example/fn_cdr_parse_accountcode.sql')); * @param string $path 文件路径 * @return boolean|array * @sin