code_junkie

Trigger button click with JavaScript on Enter key in Text Box

Nov 11th, 2011
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.08 KB | None | 0 0
  1. <input type="text" id="txtSearch" />
  2. <input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
  3.  
  4. $("#id_of_textbox").keyup(function(event){
  5. if(event.keyCode == 13){
  6. $("#id_of_button").click();
  7. }
  8. });
  9.  
  10. <input type="text" id="txtSearch" onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click()"/>
  11. <input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
  12.  
  13. <input type="text" id="txtSearch" onkeypress="searchKeyPress(event);" />
  14. <input type="button" id="btnSearch" Value="Search" onclick="doSomething();" />
  15.  
  16. <script>
  17. function searchKeyPress(e)
  18. {
  19. // look for window.event in case event isn't passed in
  20. if (window.event) { e = window.event; }
  21. if (e.keyCode == 13)
  22. {
  23. document.getElementById('btnSearch').click();
  24. }
  25. }
  26. </script>
  27.  
  28. if (document.layers)
  29. document.captureEvents(Event.KEYDOWN);
  30. document.onkeydown =
  31. function (evt) {
  32. var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
  33. if (keyCode == 13) {
  34. //For enter.
  35. //Your function here.
  36. }
  37. if (keyCode == 27) {
  38. //For escape.
  39. //Your function here.
  40. }
  41. else
  42. return true;
  43. };
  44.  
  45. <input type="submit" id="btnSearch" value="Search" onclick="return doSomething();" />
  46.  
  47. onkeydown="javascript:if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('btnSearch').click();}};"
  48.  
  49. <input type="text" id="txtSearch" onchange="doSomething();" />
  50. <input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
  51.  
  52. event.returnValue = false
  53.  
  54. $(document).keypress(function(event){
  55. var keycode = (event.keyCode ? event.keyCode : event.which);
  56. if(keycode == '13'){
  57. $('#btnSearch').click();
  58. }
  59.  
  60. <script type="text/javascript">
  61. function blank(a) { if(a.value == a.defaultValue) a.value = ""; }
  62.  
  63. function unblank(a) { if(a.value == "") a.value = a.defaultValue; }
  64. </script>
  65. <input type="text" value="email goes here" onfocus="blank(this)" onblur="unblank(this)" />
Add Comment
Please, Sign In to add comment