#65 Associate EnterKey to default button like ok

[Anonymous]

Originally created by: nssidhu

I have the following form. i want to preceed with Ok action when enter key is pressed, but cannot get it to work. I have tried various option including jquery but non of it works.
How can i associate Enter Key to certain button like OK.

<div id="modalDialog" class="modal-dialog">
<div class="modal-header">
    <h2 style="text-align: center">{{modalOptions.headerText}}</h2>
</div>
<div class="modal-body">
    <p>{{modalOptions.bodyText}}</p>
</div>
<div class="modal-footer">
    <button type="button" class="btn" data-ng-click="modalOptions.close()">     {{modalOptions.closeButtonText}}</button>
    <button type="button" id="OK" class="btn btn-danger" ng-enter="modalOptions.ok();" autofocus data-ng-click="modalOptions.ok();" data-ng-keyup="$event.keycode == 13 && modaloptions.ok()">{{modalOptions.actionButtonText}}</button>
</div>

<script type="text/javascript"><br> $(document).ready(function () {<br> console.log('Modal Template Loaded');<br> $('#OK').focus();</p> <div class="codehilite"><pre><span></span><code><span class="w"> </span><span class="o">$(</span><span class="s2">&quot;#modalDialog&quot;</span><span class="o">)</span><span class="p">.</span><span class="nc">keydown</span><span class="o">(</span><span class="nt">function</span><span class="w"> </span><span class="o">(</span><span class="nt">event</span><span class="o">)</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="err">console.log(&quot;Event</span><span class="w"> </span><span class="err">mapped&quot;)</span> <span class="w"> </span><span class="err">if</span><span class="w"> </span><span class="err">(event.keyCode</span><span class="w"> </span><span class="err">==</span><span class="w"> </span><span class="err">13)</span><span class="w"> </span><span class="err">{</span> <span class="w"> </span><span class="err">$(this).parent()</span> <span class="w"> </span><span class="err">.find(&quot;</span><span class="n">button</span><span class="p">:</span><span class="nf">eq</span><span class="p">(</span><span class="mi">0</span><span class="p">)</span><span class="s2">&quot;).trigger(&quot;</span><span class="n">click</span><span class="err">&quot;</span><span class="p">);</span> <span class="w"> </span><span class="err">return</span><span class="w"> </span><span class="err">false</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="err">}</span><span class="o">);</span> <span class="w"> </span><span class="err">}</span><span class="o">);</span><span class="w"> </span><span class="o">//</span><span class="nt">document</span> <span class="o">&lt;/</span><span class="nt">script</span><span class="o">&gt;</span><span class="err">`</span> </code></pre></div> </script>

[Anonymous]

Originally posted by: bogomips

hi, did you find a solution?

[Anonymous]

Originally posted by: yonatanayalon

If you place your "OK" button inside a

<FORM>

tag - Enter key will work by default - !!! only for buttons with type="submit" !!!