1. 程式人生 > >代碼收藏系列--jquery--篩選器、事件綁定技巧

代碼收藏系列--jquery--篩選器、事件綁定技巧

文本 not input ble logs 超鏈接 p s 標題 jquer

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日

代碼收藏系列--jquery--篩選器、事件綁定技巧