首页 > 代码库 > 代码收藏系列--jquery--筛选器、事件绑定技巧
代码收藏系列--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--筛选器、事件绑定技巧
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。