jquery,文本框回車與change事件

1、jquery,文本框回車與change事件 第一篇范文：利用jquery實現(xiàn)鍵盤按鍵監(jiān)聽 js代碼 1. / shows a given element and hides all others 2. function showviakeypress(element_id) 3. 4. $(.container).css(display,none); 5. $(element_id).slidedown(slow); 6. 7. 8. / shows proper div depending on link href 9. function showvialink(array) 10. 11.

2、 array.each(function(i) 12. 13. $(this).click(function() 14. 15.var target = $(this).attr(href); 16.$(.container).css(display,none); 17.$(target).slidedown(slow); 18. ); 19. ); 20. 而對鍵盤按鍵的監(jiān)聽是用的keypress()方法，其實也沒什么難度，不過我們很少在頁面上使用按鍵監(jiān)聽，這個例子比較新穎，值得我們參考，如有必要時，可以在項目里用用。 js代碼 1. $(document).keypress(functio

3、n(e) 2. 3.switch(e.which) 4. 5. / user presses the a 6. case 97: showviakeypress(#home); 7. break; 8. 9. / user presses the s key 10.case 115:showviakeypress(#about); 11.break; 12. 13./ user presses the d key 14.case 100:showviakeypress(#contact); 15.break; 16. 17./ user presses the f key 18.case 10

4、2:showviakeypress(#awards); 19.break; 20. 21./ user presses the g key 22.case 103:showviakeypress(#links); 23. 24. ); jquery 監(jiān)視按鍵，按下回車鍵觸發(fā)某方法 script type=text/javascript $(function () $(input:text:first).focus(); /把焦點放在第一個文本框 var $inp = $(input); /全部的input元素 $inp.keypress(function (e) /這里給function一個大

5、事參數命名為e，叫event也行，隨便的，e就是ie窗口發(fā)生的大事。 var key = e.which; /e.which是按鍵的值 if (key = 13) alert(aaa); ); ); 一個驚奇現(xiàn)象： 我拖了一個login控件，然后給它轉化為template，用于自定義開發(fā)。 下 面的代碼中，我捕獲到了文本欄的回車按鍵，這時我要去觸發(fā)loginbutton來提交登錄信息進行驗證，可是我使用$( id$=loginbutton).click();只在firefox上有效，在ie無效，歪打正著的嘗試一下$( id$=loginbutton).focus(); ，這個可以在ie上起效，

6、在ie上focus()即完成了對焦又執(zhí)行了點擊，不解啊。呵呵 $inp.keypress(function (event) var key = event.which; if (key = 13) $(id$=loginbutton).click(); /支持firefox,ie武校/$(input:last).focus(); $(id$=loginbutton).focus(); /支持ie，firefox無效。 /以上兩句實現(xiàn)既支持ie也支持 firefox ); 如何防止回車（enter）鍵提交表單 (全部按鍵對應的值) 如何防止回車（enter）鍵提交表單，其實很簡潔，就一句話。on

7、keydown= if(event.keycode=13)returnfalse;把這句寫在from標簽里面就好了。下面介紹下javascript中event.keycode。 keycode 8 = backspace backspace keycode 9 = tab tab keycode 12 = clear keycode 13 = enter keycode 16 = shift_l keycode 17 = control_l keycode 18 = alt_l keycode 20 = caps_lock keycode 27 = escape escape keycode

8、32 = space space keycode 33 = prior keycode 34 = next keycode 35 = end keycode 36 = home keycode 37 = left keycode 38 = up keycode 39 = right keycode 40 = down keycode 41 = select keycode 42 = print keycode 43 = execute keycode 45 = insert keycode 46 = delete keycode 47 = help keycode 48 = 0 equal b

9、raceright keycode 49 = 1 exclam onesuperior keycode 50 = 2 quotedbl twosuperior keycode 51 = 3 section threesuperior keycode 52 = 4 dollar keycode 53 = 5 percent keycode 54 = 6 ampersand keycode 55 = 7 slash braceleft keycode 56 = 8 parenleft bracketleft keycode 57 = 9 pareight bracketright keycode

10、65 = a a keycode 66 = b b keycode 67 = c c keycode 68 = d d keycode 69 = e e eurosign keycode 70 = f f keycode 71 = g g keycode 72 = h h keycode 73 = i i keycode 74 = j j keycode 75 = k k keycode 76 = l l keycode 77 = m m mu keycode 78 = n n keycode 79 = o o keycode 80 = p p keycode 82 = r r keycode

11、 83 = s s keycode 84 = t t keycode 85 = u u keycode 86 = v v keycode 87 = w w keycode 88 = x x keycode 89 = y y keycode 90 = z z keycode 96 = kp_0 kp_0 keycode 97 = kp_1 kp_1 keycode 98 = kp_2 kp_2 keycode 99 = kp_3 kp_3 keycode 100 = kp_4 kp_4 keycode 101 = kp_5 kp_5 keycode 102 = kp_6 kp_6 keycode

12、 103 = kp_7 kp_7 keycode 104 = kp_8 kp_8 keycode 105 = kp_9 kp_9 keycode 106 = kp_multiply kp_multiply keycode 107 = kp_add kp_add keycode 108 = kp_separator kp_separator keycode 109 = kp_subtract kp_subtract keycode 110 = kp_decimal kp_decimal keycode 111 = kp_divide kp_divide keycode 112 = f1 keyc

13、ode 113 = f2 keycode 114 = f3 keycode 115 = f4 keycode 116 = f5 keycode 117 = f6 keycode 118 = f7 keycode 119 = f8 keycode 120 = f9 keycode 121 = f10 keycode 122 = f11 keycode 123 = f12 keycode 124 = f13 keycode 125 = f14 keycode 126 = f15 keycode 127 = f16 keycode 128 = f17 keycode 129 = f18 其次篇范文：

14、jquery筆記(6)jquery大事之鼠標大事 jquery大事之鼠標大事 鼠標大事是在用戶移動鼠標光標或者使用任意鼠標鍵點擊時觸發(fā)的。 (1):click大事：click大事于用戶在元素敲擊鼠標左鍵，并在相同元素上松開左鍵時觸發(fā)。 $(p).click(function() alert(click function is running !); ); (2):dbclick大事：dbclick大事在用戶完成快速連續(xù)的兩次點擊之后觸發(fā)，雙擊的速度取決于操作系統(tǒng)的設置。一般雙擊大事在頁面中不常常使用。 $(p).dbclick(function() alert(dbclick function

15、 is running !); ); (3):mousedown大事：mousedown大事在用戶敲擊鼠標鍵時觸發(fā)，跟keydown大事不一樣，該大事僅在按下鼠標時觸發(fā)。 $(p).mousedown(function() alert(mousedown function is running !); ); (4):mouseup大事：mouseup大事在用戶松開鼠標時觸發(fā)，假如在與按下鼠標的元素相同元素上松開，那么click大事也會觸發(fā)。$(p).mouseup(function() alert(mouseup function is running !); ).click(function

16、() alert(click function is running too !); ); (5):mouseover大事：mouseover大事于用戶把鼠標從一個元素移動到另外一個元素上時觸發(fā)，假如需要知道來自那個元素可以使用，relatedtagrget屬性。 (6):mouseout大事：mouseout大事于用戶把鼠標移出一個元素時觸發(fā)，這包括從父元素移動到子元素上，或者使用鍵盤跳到元素上。 (5)和(6)這兩個大事一般不常用，很難實現(xiàn)與用戶的交互，也就是說不易捕獲用戶大事。 (7):mouseenter大事：mouseenter大事是在用戶光標進入元素上時觸發(fā)。 $(p).mouse

17、enter(function() alert(mouseenter function is running !); ); (8):mouseleaver大事：mouseleaver大事是在用戶的光標離開元素時觸發(fā)。 $(p).mouseleaver(function() alert(mouseleaver function is running !); ); (7)和(8)這兩個大事一般連起來使用，在jquery中可以使用hover這個函數來代替這兩個函數。 $(p).hover(function() alert(mouseenter function is running !); ,func

18、tion() alert(mouseleaver function is running !); ); 第三篇范文：file上傳控件onchange大事失效的解決方法 最 近在做項目時，遇到一些用戶操作方面的問題，用戶想點擊input file控件的掃瞄就直接將文件讀取到列表中，我使用streamreader讀取文件時，遇到io權限的問題，要想讀取文件到streamreader 中必需對該文件享有user可讀權限，很多用戶的客戶端不行能手動設置給這個用戶的權限，考慮到平安問題，我只好先上傳到服務器端，然后再讀取上傳后的文 件，這樣權限問題就解決了。但是直接點擊input file控件就上傳，就

19、要使用異步上傳了，我在查找file控件的部分大事時，發(fā)覺onchange竟然存在這樣一個問題，第一次掃瞄時是可以使用的，再 掃瞄時onchange也就不激發(fā)了，為什么呢，曾經想過onpropertychange這個大事，嘗試后依舊不激發(fā)。 后來我查找了一個解決方法，就是每點擊掃瞄激活onchange大事一次，就重新初始化一下這個控件，究竟第一次onchange是可以激發(fā)的。代碼如下： !doctype html public -/w3c/dtd xhtml 1.0 transitional/en http:/./tr/xhtml1/dtd/xhtml1-transitional.dtd html xmlns=http:/./1999/xhtml head runat=server title無標題頁/title script language=javascript type=text/javascript src=js/jquery.pack.js/script script language=javascript type=text/javascript src=js/ajaxfileupload.js/script script type=text/javascript $(functi