代码收藏系列--jquery--筛选器、事件绑定技巧
2017-07-11 15:11
501 查看
Jquery筛选器的一些常用技巧,比如过滤属性等
/* 过滤获取没有含data-xsui-grid-colspan的节点 */
$(this).find('.xsui-grid-cell:not([data-xsui-grid-colspan])');
jQuery绑定input控件的回车事件
下载:[jquery_keyboard_event_demo.zip]
/* 过滤获取没有含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日 |
相关文章推荐
- 代码收藏系列--jquery--筛选器、事件绑定技巧(转载)
- JQuery的自定义事件代码,触发,绑定简单实例
- jquery 为a标签绑定click事件示例代码
- jquery快捷动态绑定键盘事件的操作函数代码
- jQuery-1.9.1源码分析系列(十) 事件系统——事件绑定
- 了解JQuery的事件绑定特性和事件命名空间机制,编写更好、更灵活的事件处理代码
- 【jQuery】关于jQuery新的事件绑定机制on()的使用技巧
- jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
- jQuery动态添加的元素绑定事件处理函数代码的方法及比较
- jQuery之方法绑定(事件注册)代码小结
- jQuery 新的事件绑定机制on的使用技巧
- 浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法
- jquery快捷动态绑定键盘事件的操作函数代码
- jQuery事件绑定on()与弹窗实现代码
- 代码收藏系列--javascript--移动端技巧
- jQuery导入代码片段并绑定事件
- jQuery 全选 全不选 事件绑定的实现代码
- 常用代码之三:jQuery为按钮绑定事件的代码
- jQuery-1.9.1源码分析系列(十) 事件系统——事件绑定
- 关于jQuery新的事件绑定机制on()的使用技巧