keyhandler.js 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. "use strict";
  2. // global var that holds: 0- if ctrl key is not pressed 1- if ctrl key is pressed
  3. var ctrlKeyHistory = 0;
  4. /**
  5. * Allows moving around inputs/select by Ctrl+arrows
  6. *
  7. * @param object event data
  8. */
  9. function onKeyDownArrowsHandler(event) {
  10. var e = event || window.event;
  11. var o = e.srcElement || e.target;
  12. if (!o) {
  13. return;
  14. }
  15. if (o.tagName !== 'TEXTAREA' && o.tagName !== 'INPUT' && o.tagName !== 'SELECT') {
  16. return;
  17. }
  18. if (e.which !== 17 && e.which !== 37 && e.which !== 38 && e.which !== 39 && e.which !== 40) {
  19. return;
  20. }
  21. if (!o.id) {
  22. return;
  23. }
  24. if (e.type === 'keyup') {
  25. if (e.which === 17) {
  26. ctrlKeyHistory = 0;
  27. }
  28. return;
  29. } else if (e.type === 'keydown') {
  30. if (e.which === 17) {
  31. ctrlKeyHistory = 1;
  32. }
  33. }
  34. if (ctrlKeyHistory !== 1) {
  35. return;
  36. }
  37. e.preventDefault();
  38. var pos = o.id.split('_');
  39. if (pos[0] !== 'field' || typeof pos[2] === 'undefined') {
  40. return;
  41. }
  42. var x = pos[2];
  43. var y = pos[1];
  44. switch (e.keyCode) {
  45. case 38:
  46. // up
  47. y--;
  48. break;
  49. case 40:
  50. // down
  51. y++;
  52. break;
  53. case 37:
  54. // left
  55. x--;
  56. break;
  57. case 39:
  58. // right
  59. x++;
  60. break;
  61. default:
  62. return;
  63. } // eslint-disable-next-line compat/compat
  64. var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox/') > -1;
  65. var id = 'field_' + y + '_' + x;
  66. var nO = document.getElementById(id);
  67. if (!nO) {
  68. id = 'field_' + y + '_' + x + '_0';
  69. nO = document.getElementById(id);
  70. } // skip non existent fields
  71. if (!nO) {
  72. return;
  73. } // for firefox select tag
  74. var lvalue = o.selectedIndex;
  75. var nOvalue = nO.selectedIndex;
  76. nO.focus();
  77. if (isFirefox) {
  78. var ffcheck = 0;
  79. var ffversion;
  80. for (ffversion = 3; ffversion < 25; ffversion++) {
  81. var isFirefoxV24 = navigator.userAgent.toLowerCase().indexOf('firefox/' + ffversion) > -1;
  82. if (isFirefoxV24) {
  83. ffcheck = 1;
  84. break;
  85. }
  86. }
  87. if (ffcheck === 1) {
  88. if (e.which === 38 || e.which === 37) {
  89. nOvalue++;
  90. } else if (e.which === 40 || e.which === 39) {
  91. nOvalue--;
  92. }
  93. nO.selectedIndex = nOvalue;
  94. } else {
  95. if (e.which === 38 || e.which === 37) {
  96. lvalue++;
  97. } else if (e.which === 40 || e.which === 39) {
  98. lvalue--;
  99. }
  100. o.selectedIndex = lvalue;
  101. }
  102. }
  103. if (nO.tagName !== 'SELECT') {
  104. nO.select();
  105. }
  106. e.returnValue = false;
  107. }
  108. AJAX.registerTeardown('keyhandler.js', function () {
  109. $(document).off('keydown keyup', '#table_columns');
  110. $(document).off('keydown keyup', 'table.insertRowTable');
  111. });
  112. AJAX.registerOnload('keyhandler.js', function () {
  113. $(document).on('keydown keyup', '#table_columns', function (event) {
  114. onKeyDownArrowsHandler(event.originalEvent);
  115. });
  116. $(document).on('keydown keyup', 'table.insertRowTable', function (event) {
  117. onKeyDownArrowsHandler(event.originalEvent);
  118. });
  119. });