Preventing Google Maps from stealing keyboard input

google-maps

Solution

Does it have to be a Div that is editable? I added an input into the div and it doesn't override k & m

http://jsfiddle.net/MNsBK/27/

HTML:

<div id="map"></div>
<div id="keyIn" contenteditable="true">
    <input type='text' />
</div>

JS:

$('#map').mouseup(function(){
  $('#keyIn input').focus();
});

Let me know if it absolutely has to be an editable div and I'll have a closer look.

Problem

On this text field, you can type 'k' and 'm' into the contenteditable field and they correctly appear. http://jsfiddle.net/MNsBK/ ``` keyboardShortcuts: false // Doesn't work ``` But, if you drag the background, you'll lose the ability to type an 'm' or a 'k'. How do I stop Google Maps from grabbing these keyboard keys ('k' and 'm') ?

Original source

Related problems