Ticket #1292: keyboardsupport.patch
| File keyboardsupport.patch, 11.9 kB (added by tcoulter, 5 months ago) |
|---|
-
tests/Control/KeyboardDefaults.html
old new 23 23 "new OpenLayers.Map creates map" ); 24 24 map.addControl(control); 25 25 t.ok( control.map === map, "Control.map is set to the map object" ); 26 t.ok( map.controls[3] === control, "map.controls contains control" );26 t.ok( OpenLayers.Util.indexOf(map.controls, control), "map.controls contains control" ); 27 27 } 28 28 29 /* When interpretting 30 * the keycodes below (including the comments associated with them), 31 * consult the URL below. For instance, the Safari browser returns 32 * "IE keycodes", and so is supported by any keycode labeled "IE". 33 * 34 * Very informative URL: 35 * http://unixpapa.com/js/key.html 36 */ 29 37 function test_Control_KeyboardDefaults_KeyDownEvent (t) { 30 t.plan( 1 0);38 t.plan( 16 ); 31 39 32 40 var evt = {which: 1}; 33 41 map = new OpenLayers.Map('map'); … … 38 46 control = new OpenLayers.Control.KeyboardDefaults(); 39 47 map.addControl(control); 40 48 49 var STARTING_ZOOM_LEVEL = 4; 50 41 51 var centerLL = new OpenLayers.LonLat(0,0); 42 map.setCenter(centerLL, 4);52 map.setCenter(centerLL, STARTING_ZOOM_LEVEL); 43 53 44 54 // Start new test. 45 55 evt.keyCode = OpenLayers.Event.KEY_LEFT; 46 control.defaultKey Down(evt);56 control.defaultKeyPress(evt); 47 57 t.delay_call( 48 58 1, function() { 49 59 t.ok( map.getCenter().lon < centerLL.lon, "key left works correctly" ); 60 61 // Start new test. 50 62 evt.keyCode = OpenLayers.Event.KEY_RIGHT; 51 control.defaultKey Down(evt);63 control.defaultKeyPress(evt); 52 64 }, 53 65 1, function() { 54 t.ok( map.getCenter().lon == centerLL.lon, "key right works correctly" ); 66 t.ok( map.getCenter().lon == centerLL.lon, "key right works correctly" ); 67 68 // Start new test. 55 69 evt.keyCode = OpenLayers.Event.KEY_UP; 56 control.defaultKey Down(evt);70 control.defaultKeyPress(evt); 57 71 }, 58 72 1, function() { 59 73 t.ok( map.getCenter().lat > centerLL.lat, "key up works correctly" ); 74 75 // Start new test. 60 76 evt.keyCode = OpenLayers.Event.KEY_DOWN; 61 control.defaultKey Down(evt);77 control.defaultKeyPress(evt); 62 78 }, 63 79 1, function() { 64 80 t.ok( map.getCenter().lat == centerLL.lat, "key down works correctly" ); 81 82 // Start new test. 65 83 evt.keyCode = 33; //page up 66 control.defaultKey Down(evt);84 control.defaultKeyPress(evt); 67 85 }, 68 86 1, function() { 69 87 t.ok( map.getCenter().lat > centerLL.lat, "key page up works correctly" ); 88 89 // Start new test. 70 90 evt.keyCode = 34; //page down 71 control.defaultKey Down(evt);91 control.defaultKeyPress(evt); 72 92 }, 73 93 1, function() { 74 94 t.ok( map.getCenter().lat == centerLL.lat, "key page down works correctly" ); 95 96 // Start new test. 75 97 evt.keyCode = 35; //end 76 control.defaultKey Down(evt);98 control.defaultKeyPress(evt); 77 99 }, 78 100 1, function() { 79 101 t.ok( map.getCenter().lon > centerLL.lon, "key end works correctly" ); 80 evt.keyCode = 36; //pos1 81 control.defaultKeyDown(evt); 102 103 // Start new test. 104 evt.keyCode = 36; //home 105 control.defaultKeyPress(evt); 82 106 }, 83 107 1, function() { 84 t.ok( map.getCenter().lon == centerLL.lon, "key pos1 works correctly" ); 85 evt.charCode = 43; //+ 86 control.defaultKeyDown(evt); 87 }, 88 1, function() { 89 t.eq( map.getZoom(), 5, "key + works correctly" ); 108 t.ok( map.getCenter().lon == centerLL.lon, "key home works correctly"); 109 110 // Start new test. 111 evt.keyCode = 43; //+ 112 control.defaultKeyPress(evt); 113 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL + 1, "key code 43 works correctly: +/= key (ASCII), keypad + (ASCII, Opera)" ); 114 115 // Start new test. 116 evt.keyCode = 61; 117 control.defaultKeyPress(evt); 118 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL + 2, "key code 61 works correctly: +/= key (Mozilla, Opera, some ASCII)"); 119 120 // Start new test. 121 evt.keyCode = 187; 122 control.defaultKeyPress(evt); 123 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL + 3, "key code 187 works correctly: +/= key (IE)"); 124 125 // Start new test. 126 evt.keyCode = 107; 127 control.defaultKeyPress(evt); 128 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL + 4, "key code 107 works correctly: keypad + (IE, Mozilla)"); 129 130 // Start new test. 90 131 // set zoomanimation flag manually, 91 132 // reason: loadend event in layers.js will not achieved in unittests 92 133 map.zoomanimationActive = false; 93 evt.charCode = 45; //- 94 control.defaultKeyDown(evt); 95 }, 96 1, function() { 97 t.eq( map.getZoom(), 4, "key - works correctly" ); 134 evt.keyCode = 45; 135 control.defaultKeyPress(evt); 136 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL + 3, "key code 45 works correctly: -/_ key (ASCII, Opera), keypad - (ASCII, Opera)"); 137 138 // Start new test. 139 // set zoomanimation flag manually, 140 // reason: loadend event in layers.js will not achieved in unittests 141 map.zoomanimationActive = false; 142 evt.keyCode = 109; 143 control.defaultKeyPress(evt); 144 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL + 2, "key code 109 works correctly: -/_ key (Mozilla), keypad - (Mozilla, IE)"); 145 146 // Start new test. 147 // set zoomanimation flag manually, 148 // reason: loadend event in layers.js will not achieved in unittests 149 map.zoomanimationActive = false; 150 evt.keyCode = 189; 151 control.defaultKeyPress(evt); 152 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL + 1, "key code 189 works correctly: -/_ key (IE)"); 153 154 // Start new test. 155 // set zoomanimation flag manually, 156 // reason: loadend event in layers.js will not achieved in unittests 157 map.zoomanimationActive = false; 158 evt.keyCode = 95; 159 control.defaultKeyPress(evt); 160 t.eq( map.getZoom(), STARTING_ZOOM_LEVEL, "key code 95 works correctly: -/_ key (some ASCII)"); 98 161 } 99 162 ); 100 163 } -
tests/list-tests.html
old new 91 91 <li>Control/DragFeature.html</li> 92 92 <li>Control/DragPan.html</li> 93 93 <li>Control/DrawFeature.html</li> 94 <li>Control/KeyboardDefaults.html</li> 94 95 <li>Control/LayerSwitcher.html</li> 95 96 <li>Control/ModifyFeature.html</li> 96 97 <li>Control/MousePosition.html</li> -
lib/OpenLayers/Control/KeyboardDefaults.js
old new 47 47 */ 48 48 draw: function() { 49 49 this.handler = new OpenLayers.Handler.Keyboard( this, { 50 "key press": this.defaultKeyPress });50 "keydown": this.defaultKeyPress }); 51 51 this.activate(); 52 52 }, 53 53 54 54 /** 55 55 * Method: defaultKeyPress 56 * When handling the key event, we only use evt.keyCode. This holds 57 * some drawbacks, though we get around them below. When interpretting 58 * the keycodes below (including the comments associated with them), 59 * consult the URL below. For instance, the Safari browser returns 60 * "IE keycodes", and so is supported by any keycode labeled "IE". 61 * 62 * Very informative URL: 63 * http://unixpapa.com/js/key.html 56 64 * 57 65 * Parameters: 58 66 * code - {Integer} 59 67 */ 60 defaultKeyPress: function ( code) {61 switch( code) {68 defaultKeyPress: function (evt) { 69 switch(evt.keyCode) { 62 70 case OpenLayers.Event.KEY_LEFT: 63 71 this.map.pan(-this.slideFactor, 0); 64 72 break; … … 72 80 this.map.pan(0, this.slideFactor); 73 81 break; 74 82 75 case 33: // Page Up 83 case 33: // Page Up. Same in all browsers. 76 84 var size = this.map.getSize(); 77 85 this.map.pan(0, -0.75*size.h); 78 86 break; 79 case 34: // Page Down 87 case 34: // Page Down. Same in all browsers. 80 88 var size = this.map.getSize(); 81 89 this.map.pan(0, 0.75*size.h); 82 90 break; 83 case 35: // End 91 case 35: // End. Same in all browsers. 84 92 var size = this.map.getSize(); 85 93 this.map.pan(0.75*size.w, 0); 86 94 break; 87 case 36: // Pos195 case 36: // Home. Same in all browsers. 88 96 var size = this.map.getSize(); 89 97 this.map.pan(-0.75*size.w, 0); 90 98 break; 91 99 92 case 43: // + 100 case 43: // +/= (ASCII), keypad + (ASCII, Opera) 101 case 61: // +/= (Mozilla, Opera, some ASCII) 102 case 187: // +/= (IE) 103 case 107: // keypad + (IE, Mozilla) 93 104 this.map.zoomIn(); 94 105 break; 95 case 45: // - 106 case 45: // -/_ (ASCII, Opera), keypad - (ASCII, Opera) 107 case 109: // -/_ (Mozilla), keypad - (Mozilla, IE) 108 case 189: // -/_ (IE) 109 case 95: // -/_ (some ASCII) 96 110 this.map.zoomOut(); 97 111 break; 98 case 107: // + (IE only)99 this.map.zoomIn();100 break;101 case 109: // - (IE only)102 this.map.zoomOut();103 break;104 112 } 105 113 }, 106 114 -
lib/OpenLayers/Control/ModifyFeature.js
old new 226 226 227 227 // configure the keyboard handler 228 228 var keyboardOptions = { 229 key press: this.handleKeypress229 keydown: this.handleKeypress 230 230 }; 231 231 this.handlers = { 232 232 keyboard: new OpenLayers.Handler.Keyboard(this, keyboardOptions) -
lib/OpenLayers/Handler/Keyboard.js
old new 100 100 */ 101 101 handleKeyEvent: function (evt) { 102 102 if (this.checkModifiers(evt)) { 103 this.callback(evt.type, [evt .charCode || evt.keyCode]);103 this.callback(evt.type, [evt]); 104 104 } 105 105 }, 106 106
