Проблема пробела в форме

Question

У меня есть два div с разными идентификаторами.

У первого div есть слайдер jquery, а у другого - форма для связи с нами.

Когда я нажимаю пробел в текстовом поле или текстовой области в контактной форме div, ползунок jquery передает следующее изображение.

Может ли кто-нибудь помочь мне в этом вопросе.

заранее спасибо

Answer 1

Если это элемент управления третьей части, я предполагаю, что они подключили некоторые события для навигации с помощью клавиатуры.Попробуйте проверить API для этого элемента управления, чтобы увидеть, есть ли настройки, поэтому вы можете отключить ввод с клавиатуры.

Вам необходимо сделать следующее:

var gallery = $('#thumbs').galleriffic({
    enableKeyboardNavigation:  false, // Specifies whether keyboard navigation is enabled
}

Answer 2

Это работает для меня:

// Setup Keyboard Navigation

if (this.enableKeyboardNavigation) {
    $(document).keydown(function(e) {

        var target = e.target || e.srcElement; // hack
        //disable navigation on an input editable element
        if (target && target.type) return true;         

        var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
        switch(key) {
            case 32: // space
                    gallery.next();
                    e.preventDefault();
                    break;
            case 33: // Page Up
                gallery.previousPage();
                e.preventDefault();
                break;
            case 34: // Page Down
                gallery.nextPage();
                e.preventDefault();
                break;
            case 35: // End
                gallery.gotoIndex(gallery.data.length-1);
                e.preventDefault();
                break;
            case 36: // Home
                gallery.gotoIndex(0);
                e.preventDefault();
                break;
            case 37: // left arrow
                gallery.previous();
                e.preventDefault();
                break;
            case 39: // right arrow
                gallery.next();
                e.preventDefault();
                break;
        }
    });
}