jquery.hotkeys监听键盘按下事件keydown插件

jquery.hotkeys文件下载:  http://xiazai.jb51.net/201405/yuanma/jquery_hotkeys(jb51.net).rar

参照了一下它的文档用法,我们可以这样使用:

代码如下:

<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="jquery.hotkeys.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $(document).bind("keydown", "esc", function (ev) { alert("您按下了Esc键!"); //其它处理事件;    return false; })
            .bind("keydown", "1", function (er) { alert("您按下了1键!"); return false; })
            .bind("keydown", "2", function (er) { alert("您按下了2键!"); return false; })
            .bind("keydown", "3", function (er) { alert("您按下了3键!"); return false; })
            .bind("keydown", "4", function (er) { alert("您按下了4键!"); return false; })
        });
    </script>

效果:

下面是全部按键组合

代码如下:

<script src="jquery.hotkeys.js"></script>
        <script>
            //This page is a result of an autogenerated content made by running test.html with firefox.
            function domo(){
                jQuery('#platform-details').html('<code>' + navigator.userAgent + '</code>');
                jQuery(document).bind('keydown', 'esc',function (evt){jQuery('#_esc').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'tab',function (evt){jQuery('#_tab').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'space',function (evt){jQuery('#_space').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'return',function (evt){jQuery('#_return').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'backspace',function (evt){jQuery('#_backspace').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'scroll',function (evt){jQuery('#_scroll').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'capslock',function (evt){jQuery('#_capslock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'numlock',function (evt){jQuery('#_numlock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'pause',function (evt){jQuery('#_pause').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'insert',function (evt){jQuery('#_insert').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'home',function (evt){jQuery('#_home').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'del',function (evt){jQuery('#_del').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'end',function (evt){jQuery('#_end').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'pageup',function (evt){jQuery('#_pageup').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'pagedown',function (evt){jQuery('#_pagedown').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'left',function (evt){jQuery('#_left').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'up',function (evt){jQuery('#_up').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'right',function (evt){jQuery('#_right').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'down',function (evt){jQuery('#_down').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f1',function (evt){jQuery('#_f1').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f2',function (evt){jQuery('#_f2').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f3',function (evt){jQuery('#_f3').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f4',function (evt){jQuery('#_f4').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f5',function (evt){jQuery('#_f5').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f6',function (evt){jQuery('#_f6').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f7',function (evt){jQuery('#_f7').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f8',function (evt){jQuery('#_f8').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f9',function (evt){jQuery('#_f9').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f10',function (evt){jQuery('#_f10').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f11',function (evt){jQuery('#_f11').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f12',function (evt){jQuery('#_f12').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '1',function (evt){jQuery('#_1').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '2',function (evt){jQuery('#_2').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '3',function (evt){jQuery('#_3').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '4',function (evt){jQuery('#_4').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '5',function (evt){jQuery('#_5').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '6',function (evt){jQuery('#_6').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '7',function (evt){jQuery('#_7').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '8',function (evt){jQuery('#_8').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '9',function (evt){jQuery('#_9').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', '0',function (evt){jQuery('#_0').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'a',function (evt){jQuery('#_a').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'b',function (evt){jQuery('#_b').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'c',function (evt){jQuery('#_c').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'd',function (evt){jQuery('#_d').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'e',function (evt){jQuery('#_e').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'f',function (evt){jQuery('#_f').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'g',function (evt){jQuery('#_g').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'h',function (evt){jQuery('#_h').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'i',function (evt){jQuery('#_i').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'j',function (evt){jQuery('#_j').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'k',function (evt){jQuery('#_k').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'l',function (evt){jQuery('#_l').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'm',function (evt){jQuery('#_m').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'n',function (evt){jQuery('#_n').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'o',function (evt){jQuery('#_o').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'p',function (evt){jQuery('#_p').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'q',function (evt){jQuery('#_q').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'r',function (evt){jQuery('#_r').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 's',function (evt){jQuery('#_s').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 't',function (evt){jQuery('#_t').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'u',function (evt){jQuery('#_u').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'v',function (evt){jQuery('#_v').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'w',function (evt){jQuery('#_w').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'x',function (evt){jQuery('#_x').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'y',function (evt){jQuery('#_y').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'z',function (evt){jQuery('#_z').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+a',function (evt){jQuery('#_Ctrl_a').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+b',function (evt){jQuery('#_Ctrl_b').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+c',function (evt){jQuery('#_Ctrl_c').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+d',function (evt){jQuery('#_Ctrl_d').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+e',function (evt){jQuery('#_Ctrl_e').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f',function (evt){jQuery('#_Ctrl_f').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+g',function (evt){jQuery('#_Ctrl_g').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+h',function (evt){jQuery('#_Ctrl_h').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+i',function (evt){jQuery('#_Ctrl_i').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+j',function (evt){jQuery('#_Ctrl_j').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+k',function (evt){jQuery('#_Ctrl_k').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+l',function (evt){jQuery('#_Ctrl_l').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+m',function (evt){jQuery('#_Ctrl_m').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+n',function (evt){jQuery('#_Ctrl_n').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+o',function (evt){jQuery('#_Ctrl_o').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+p',function (evt){jQuery('#_Ctrl_p').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+q',function (evt){jQuery('#_Ctrl_q').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+r',function (evt){jQuery('#_Ctrl_r').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+s',function (evt){jQuery('#_Ctrl_s').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+t',function (evt){jQuery('#_Ctrl_t').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+u',function (evt){jQuery('#_Ctrl_u').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+v',function (evt){jQuery('#_Ctrl_v').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+w',function (evt){jQuery('#_Ctrl_w').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+x',function (evt){jQuery('#_Ctrl_x').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+y',function (evt){jQuery('#_Ctrl_y').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+z',function (evt){jQuery('#_Ctrl_z').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+a',function (evt){jQuery('#_Shift_a').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+b',function (evt){jQuery('#_Shift_b').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+c',function (evt){jQuery('#_Shift_c').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+d',function (evt){jQuery('#_Shift_d').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+e',function (evt){jQuery('#_Shift_e').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f',function (evt){jQuery('#_Shift_f').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+g',function (evt){jQuery('#_Shift_g').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+h',function (evt){jQuery('#_Shift_h').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+i',function (evt){jQuery('#_Shift_i').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+j',function (evt){jQuery('#_Shift_j').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+k',function (evt){jQuery('#_Shift_k').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+l',function (evt){jQuery('#_Shift_l').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+m',function (evt){jQuery('#_Shift_m').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+n',function (evt){jQuery('#_Shift_n').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+o',function (evt){jQuery('#_Shift_o').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+p',function (evt){jQuery('#_Shift_p').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+q',function (evt){jQuery('#_Shift_q').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+r',function (evt){jQuery('#_Shift_r').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+s',function (evt){jQuery('#_Shift_s').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+t',function (evt){jQuery('#_Shift_t').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+u',function (evt){jQuery('#_Shift_u').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+v',function (evt){jQuery('#_Shift_v').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+w',function (evt){jQuery('#_Shift_w').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+x',function (evt){jQuery('#_Shift_x').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+y',function (evt){jQuery('#_Shift_y').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+z',function (evt){jQuery('#_Shift_z').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+a',function (evt){jQuery('#_Alt_a').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+b',function (evt){jQuery('#_Alt_b').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+c',function (evt){jQuery('#_Alt_c').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+d',function (evt){jQuery('#_Alt_d').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+e',function (evt){jQuery('#_Alt_e').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f',function (evt){jQuery('#_Alt_f').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+g',function (evt){jQuery('#_Alt_g').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+h',function (evt){jQuery('#_Alt_h').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+i',function (evt){jQuery('#_Alt_i').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+j',function (evt){jQuery('#_Alt_j').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+k',function (evt){jQuery('#_Alt_k').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+l',function (evt){jQuery('#_Alt_l').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+m',function (evt){jQuery('#_Alt_m').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+n',function (evt){jQuery('#_Alt_n').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+o',function (evt){jQuery('#_Alt_o').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+p',function (evt){jQuery('#_Alt_p').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+q',function (evt){jQuery('#_Alt_q').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+r',function (evt){jQuery('#_Alt_r').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+s',function (evt){jQuery('#_Alt_s').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+t',function (evt){jQuery('#_Alt_t').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+u',function (evt){jQuery('#_Alt_u').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+v',function (evt){jQuery('#_Alt_v').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+w',function (evt){jQuery('#_Alt_w').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+x',function (evt){jQuery('#_Alt_x').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+y',function (evt){jQuery('#_Alt_y').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+z',function (evt){jQuery('#_Alt_z').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+esc', function (evt){jQuery('#_Ctrl_esc').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+tab', function (evt){jQuery('#_Ctrl_tab').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+space', function (evt){jQuery('#_Ctrl_space').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+return', function (evt){jQuery('#_Ctrl_return').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+backspace', function (evt){jQuery('#_Ctrl_backspace').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+scroll', function (evt){jQuery('#_Ctrl_scroll').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+capslock', function (evt){jQuery('#_Ctrl_capslock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+numlock', function (evt){jQuery('#_Ctrl_numlock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+pause', function (evt){jQuery('#_Ctrl_pause').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+insert', function (evt){jQuery('#_Ctrl_insert').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+home', function (evt){jQuery('#_Ctrl_home').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+del', function (evt){jQuery('#_Ctrl_del').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+end', function (evt){jQuery('#_Ctrl_end').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+pageup', function (evt){jQuery('#_Ctrl_pageup').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+pagedown', function (evt){jQuery('#_Ctrl_pagedown').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+left', function (evt){jQuery('#_Ctrl_left').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+up', function (evt){jQuery('#_Ctrl_up').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+right', function (evt){jQuery('#_Ctrl_right').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+down', function (evt){jQuery('#_Ctrl_down').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f1', function (evt){jQuery('#_Ctrl_f1').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f2', function (evt){jQuery('#_Ctrl_f2').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f3', function (evt){jQuery('#_Ctrl_f3').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f4', function (evt){jQuery('#_Ctrl_f4').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f5', function (evt){jQuery('#_Ctrl_f5').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f6', function (evt){jQuery('#_Ctrl_f6').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f7', function (evt){jQuery('#_Ctrl_f7').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f8', function (evt){jQuery('#_Ctrl_f8').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f9', function (evt){jQuery('#_Ctrl_f9').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f10', function (evt){jQuery('#_Ctrl_f10').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f11', function (evt){jQuery('#_Ctrl_f11').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Ctrl+f12', function (evt){jQuery('#_Ctrl_f12').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+esc', function (evt){jQuery('#_Shift_esc').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+tab', function (evt){jQuery('#_Shift_tab').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+space', function (evt){jQuery('#_Shift_space').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+return', function (evt){jQuery('#_Shift_return').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+backspace', function (evt){jQuery('#_Shift_backspace').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+scroll', function (evt){jQuery('#_Shift_scroll').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+capslock', function (evt){jQuery('#_Shift_capslock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+numlock', function (evt){jQuery('#_Shift_numlock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+pause', function (evt){jQuery('#_Shift_pause').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+insert', function (evt){jQuery('#_Shift_insert').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+home', function (evt){jQuery('#_Shift_home').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+del', function (evt){jQuery('#_Shift_del').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+end', function (evt){jQuery('#_Shift_end').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+pageup', function (evt){jQuery('#_Shift_pageup').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+pagedown', function (evt){jQuery('#_Shift_pagedown').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+left', function (evt){jQuery('#_Shift_left').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+up', function (evt){jQuery('#_Shift_up').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+right', function (evt){jQuery('#_Shift_right').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+down', function (evt){jQuery('#_Shift_down').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f1', function (evt){jQuery('#_Shift_f1').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f2', function (evt){jQuery('#_Shift_f2').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f3', function (evt){jQuery('#_Shift_f3').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f4', function (evt){jQuery('#_Shift_f4').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f5', function (evt){jQuery('#_Shift_f5').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f6', function (evt){jQuery('#_Shift_f6').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f7', function (evt){jQuery('#_Shift_f7').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f8', function (evt){jQuery('#_Shift_f8').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f9', function (evt){jQuery('#_Shift_f9').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f10', function (evt){jQuery('#_Shift_f10').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f11', function (evt){jQuery('#_Shift_f11').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Shift+f12', function (evt){jQuery('#_Shift_f12').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+esc', function (evt){jQuery('#_Alt_esc').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+tab', function (evt){jQuery('#_Alt_tab').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+space', function (evt){jQuery('#_Alt_space').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+return', function (evt){jQuery('#_Alt_return').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+backspace', function (evt){jQuery('#_Alt_backspace').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+scroll', function (evt){jQuery('#_Alt_scroll').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+capslock', function (evt){jQuery('#_Alt_capslock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+numlock', function (evt){jQuery('#_Alt_numlock').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+pause', function (evt){jQuery('#_Alt_pause').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+insert', function (evt){jQuery('#_Alt_insert').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+home', function (evt){jQuery('#_Alt_home').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+del', function (evt){jQuery('#_Alt_del').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+end', function (evt){jQuery('#_Alt_end').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+pageup', function (evt){jQuery('#_Alt_pageup').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+pagedown', function (evt){jQuery('#_Alt_pagedown').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+left', function (evt){jQuery('#_Alt_left').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+up', function (evt){jQuery('#_Alt_up').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+right', function (evt){jQuery('#_Alt_right').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+down', function (evt){jQuery('#_Alt_down').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f1', function (evt){jQuery('#_Alt_f1').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f2', function (evt){jQuery('#_Alt_f2').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f3', function (evt){jQuery('#_Alt_f3').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f4', function (evt){jQuery('#_Alt_f4').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f5', function (evt){jQuery('#_Alt_f5').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f6', function (evt){jQuery('#_Alt_f6').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f7', function (evt){jQuery('#_Alt_f7').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f8', function (evt){jQuery('#_Alt_f8').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f9', function (evt){jQuery('#_Alt_f9').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f10', function (evt){jQuery('#_Alt_f10').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f11', function (evt){jQuery('#_Alt_f11').addClass('dirty'); return false; });
                jQuery(document).bind('keydown', 'Alt+f12', function (evt){jQuery('#_Alt_f12').addClass('dirty'); return false; });
            }         
jQuery(document).ready(domo);

(0)

相关推荐

  • jquery mobile事件多次绑定示例代码

    新手新手,初学js,html,css,jq就不断麻烦 复制代码 代码如下: $(document).on("pageinit",function(){ $("XXX").bind() }) 这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候会触发,具体要如何解决,可以看链接 http://rubiks.ph/jquery-mobile-events-firing-multiple-times/

  • js和jquery实现监听键盘事件示例代码

    项目中要监听键盘组合键CTRL+C,以便做出对应的响应.查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在Firfox.Chrome.IE中均可以使用. 一.使用javascript实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function keyListener(e

  • jQuery Mobile 触摸事件实例

    触摸事件在用户触摸屏幕(页面)时触发. 必须引入jQuery库和jQuery Mobile库,如下: <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js">

  • jQuery-mobile事件监听与用法详解

    本文实例讲述了jQuery-mobile事件监听与用法.分享给大家供大家参考,具体如下: 触摸事件 - 当用户触摸屏幕时触发(敲击和滑动) 滚动事件 - 当上下滚动时触发 方向事件 - 当设备垂直或水平旋转时触发 页面事件 - 当页面被显示.隐藏.创建.加载以及/或卸载时触发 一.初始化事件 1. ready 事件 页面加载完成 $(document).ready(function(){ //your code here... }); 2. 页面加载完成事件二 pageinit $(docume

  • jquery mobile的触控点击事件会多次触发问题的解决方法

    jquery mobile 对手势触控提供了如下几个事件监听: 复制代码 代码如下: tap  当用户点屏幕时触发taphold 当用户点屏幕且保持触摸超过1秒时触发swipe 当页面被垂直或者水平拖动时触发.这个事件有其相关联的属性,分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDistanceThresholdswipeleft 当页面被拖动到左边方向时触发s

  • 浅析jQuery Mobile的初始化事件

    jQuery Mobile 包括一个初始化事件,该事件甚至会先于 jQuery 的 document.ready 事件进行加载.jQuery Mobile 实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit. 当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,因为mobileinit事件是在加载后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序 <sc

  • jQuery Mobile和HTML5开发App推广注册页

    jQuery Mobile和HTML5的组合可以直接开发web版的app,所以用到我当前app中的推广注册页的编写是很恰当的,其实只要你熟悉html4+jquery的组合开发,那么html5+jqueryMobile你会立刻上手. html5比html4多了很多的标签,特别是多媒体这块有了很好的支持,但是如果只是做一般的web手机页面,那么多数标签是用不上的,JqueryMobile与jquery的不同点就在一些事件名称上,当然这里封装的也是html5的原生事件,还要说一个关于html5提倡的一

  • 让input框实现类似百度的搜索提示(基于jquery事件监听)

    挺炫的一个效果,百度和谷歌好像已实现好多年了,我以为在网上能轻易找到代码来实现这个效果.真正遇到这个需求,发现还真找不到.于是自己动手写这个效果,由于我是把效果整合到我的整套框架里,所以没有进行单独的封装. 需求:实现带提示的input框,类似百度搜索,有改动的时候去获取常用关键词,数据来源于系统数据库,支持鼠标选择或键盘选择 思路:框架一贯思路,通过class作为监听入口,通过data作为数据传递:通过监听input和propertychange事件实现实时的改动监听,input是主流,pro

  • jquery-mobile表单的创建方法详解

    本文实例讲述了jquery-mobile表单的创建方法.分享给大家供大家参考,具体如下: 一.注意事项 1. <form> 元素必须设置 method 和 action 属性 2. 每个表单元素必须设置唯一的 "id" 属性. 该 id 在站点的页面中必须是唯一的. 这是因为 jQuery Mobile 的单页面导航模型允许许多不同的"页面"同时呈现. 3. 每个表单元素必须有一个标记(label). 请设置 label 的 for 属性来匹配元素的 i

  • jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

    本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法.分享给大家供大家参考,具体如下: 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除,unbind(eventType,Listener), 实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w

  • jQuery事件的绑定、触发、及监听方法简单说明

    如果你在写文章或者 Demo,为了简单,你当然可以用事件监听函数,以及那些事件对象提供的方法等.但在实际中,有一些方法和属性是有兼容性问题的,所以我们会使用 jQuery 来消除兼容性问题. 下面简单的来说一下 jQuery 中事件的基础操作. 绑定事件和事件代理 在 jQuery 中,提供了诸如 click() 这样的语法糖来绑定对应事件,但是这里推荐统一使用 on() 来绑定事件.语法: .on( events [, selector ] [, data ], handler ) event

  • jquery-mobile基础属性与用法详解

    本文实例讲述了jquery-mobile基础属性与用法.分享给大家供大家参考,具体如下: 写在前面 本文是根据w3c 学习轨迹,自己研习过程中记录下的笔记,只供自己学习轨迹记录之用,不喜勿喷. 0. 引入库 引入对应的文件: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="

随机推荐