<div class="search-container">
<input class="search-input" name="search"
autocomplete="off"
- placeholder="Click or press 's' to search, '?' for more options..."
+ placeholder="Click or press 'S' to search, '?' for more options..."
type="search">
</div>
</form>
<dd>Show this help dialog</dd>
<dt>S</dt>
<dd>Focus the search field</dd>
- <dt>↑</dt>
+ <dt>⇤</dt>
<dd>Move up in search results</dd>
- <dt>↓</dt>
+ <dt>⇥</dt>
<dd>Move down in search results</dd>
<dt>⏎</dt>
<dd>Go to active search result</dd>
return;
}
- if (e.keyCode === 188 && $('#help').hasClass('hidden')) { // question mark
+ if (e.which === 191 && $('#help').hasClass('hidden')) { // question mark
e.preventDefault();
$('#help').removeClass('hidden');
- } else if (e.keyCode === 27) { // esc
+ } else if (e.which === 27) { // esc
if (!$('#help').hasClass('hidden')) {
e.preventDefault();
$('#help').addClass('hidden');
$('#search').addClass('hidden');
$('#main').removeClass('hidden');
}
- } else if (e.keyCode === 83) { // S
+ } else if (e.which === 83) { // S
e.preventDefault();
$('.search-input').focus();
}
$(document).on('keypress.searchnav', function(e) {
var $active = $results.filter('.highlighted');
- if (e.keyCode === 38) { // up
+ if (e.which === 38) { // up
e.preventDefault();
if (!$active.length || !$active.prev()) {
return;
$active.prev().addClass('highlighted');
$active.removeClass('highlighted');
- } else if (e.keyCode === 40) { // down
+ } else if (e.which === 40) { // down
e.preventDefault();
if (!$active.length) {
$results.first().addClass('highlighted');
$active.next().addClass('highlighted');
$active.removeClass('highlighted');
}
- } else if (e.keyCode === 13) { // return
+ } else if (e.which === 13) { // return
e.preventDefault();
if ($active.length) {
document.location.href = $active.find('a').prop('href');